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


Load an image that changes from a folder using CSS

我希望在这里被指向正确的方向。我希望能够从一个文件夹加载图像,无论文件名使用css。例如,我认为CSS应该像这样

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

所以我想让它查看那个文件夹并抓取其中唯一的图像并为我分配的类显示它。这个想法是,而不是改变css代码,每次我必须改变图片,我可以简单地删除旧图片,并在该文件夹中放置一个新的。欢迎大家提出想法、关心问题和更好的方法!

我每次都会将该文件重命名为相同的名称。具体方法取决于文件是如何到达那里的,但我看到你在使用WordPress,所以你可以使用过滤器。也许这篇文章会对你有所帮助,或者指引你走向正确的方向https://codex.wordpress.org/Plugin_API/Filter_Reference/wp_handle_upload_prefilter

据我所知,仅仅使用CSS是不可能做到的。

CSS应该主要用于样式化内容;你所描述的可以用JavaScript/JQuery实现。如何从我的一个文件夹加载所有的图像到我的网页,使用Jquery/Javascript

如果它只有一张图片,您应该能够用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

这就是我的解决方案。我要创建一个自定义的Wordpress插件,允许用户看到当前的图像,和一个按钮来替换图像将允许用户选择一个新的图像,并将其上传到Wordpress。插件将强制文件命名与前一个文件相同,脚本将删除旧文件。这是我能想到的最好的。我将更新答案,如果这个变化,我也将张贴最终的源代码,如果有人想要它!