使用CSS加载从文件夹更改的图像

我期待在这里指出正确的方向。我希望能够使用css从文件夹加载图像，而不管文件名是什么。例如，我认为CSS会是这个样子使用CSS加载从文件夹更改的图像

background: url(/wp-content/uploads/Folderwithimage) no-repeat;

所以我希望它看起来在该文件夹，并抓住唯一的图像，并显示它我指定的类。这个想法是，而不是每次我必须更改图片时更改CSS代码，我只需删除旧图片并在该文件夹中放置一个新图片。想法，关切和更好的方式来做到这一切都欢迎！

来源

2015-10-13 Tyler Radlick

您可能需要在该文件夹中使用.htaccess文件来强制所有流量到图像。除此之外，我无法使用在htaccess中使用的语法。或者，您可以始终将文件命名为与替换文件相同并引用文件名。 –

因此，这里是我去解决第一个JPG。我将创建一个允许用户查看当前图像的自定义Wordpress插件，并且用于替换图像的按钮将允许用户选择新图像并将其上传到wordpress。该插件将强制文件被命名为与前一个文件相同，并且该脚本将删除旧文件。这是我所想到的最好的。如果这个改变，我会更新答案，如果有人想要它，我也会发布最终的源代码！

来源

2015-10-22 17:09:49

我会每次将这个文件重命名为相同的名称。如何做到这一点取决于这个文件如何到达那里，但正如我看到你使用WordPress，所以你可以使用过滤器。也许这一个将帮助，或带领你在正确的方向 https://codex.wordpress.org/Plugin_API/Filter_Reference/wp_handle_upload_prefilter

据我所知，这样的事情是不可能的，只有使用CSS。

来源

2015-10-13 22:16:39

CSS应该主要用于造型内容;你所描述的可以用JavaScript/JQuery来实现。这可能会有所帮助：How to load all the images from one of my folder into my web page, using Jquery/Javascript

来源

2015-10-13 23:31:25 gio

你说得很好。我对Jquery不太熟悉，我希望有一种方法可以让CSS看看一个文件夹，但我确信这不是真的可行。任何想法，如果这可以在PHP中完成？ –

另一方面，我从来没有使用PHP，但是我知道node.js（javascript/jQuery的后端形式）和PHP之间有很多相似之处。抱歉不能具体！ – gio

如果它只有1张图片，你应该可以用php来做，而不必惹麻烦。将1个图像和下面的index.php文件放在文件夹中。如果您转到url/wp-content/uploads/Folderwithimage，它将提供index.php，然后它将提供文件夹中的任何图像。形象地说是一个jpg

的index.php

<?php 
$files=glob('*.jpg'); 
$img=array_pop($files); 
if ($img) 
{ 
    header("location: $img"); 
}

将成为了找到

来源

2015-10-14 00:08:10 chiliNUT

这可能正是我所需要的，让我尽快尝试，谢谢！ –

使用CSS加载从文件夹更改的图像

回答

相关问题