Question

我希望在这里指出正确的方向。我希望能够使用css加载文件夹中的图像而不管文件名。例如，我认为CSS看起来像这样

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

所以我希望它能够查看该文件夹并抓取其中唯一的图像并将其显示给我指定的类。我的想法不是每次更换图片时更改css代码，我只需删除旧图片并在该文件夹中放置一个新图片即可。欢迎提出想法，关注点和更好的方法！

Answer 1

我每次都会将此文件重命名为相同的名称。该怎么做的方式取决于这个文件是如何到达那里的，但是当我看到你正在使用WordPress时，你可以使用过滤器。也许这个会有所帮助，或引导你朝着正确的方向前进 https://codex.wordpress.org/Plugin_API/Filter_Reference/wp_handle_upload_prefilter

据我所知，仅使用CSS就不可能做到这一点。

Answer 2

CSS主要用于样式内容;您正在描述的内容可以通过JavaScript / JQuery实现。这可能会有所帮助：How to load all the images from one of my folder into my web page, using Jquery/Javascript

Answer 3

如果它只有1张图片，你应该能够只使用php而不必乱用apache。将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");
}

将提供它找到的第一个jpg

Answer 4

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

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

4 个答案: