Html 如何在特定日期或季节更改图像

我帮助我的妻子和岳母建立他们的商店网站。我有自己的全职工作。现在我的问题是我不能一直在线为他们的网站更换图片。我的问题是（我不知道从哪里开始）我可以将网站上的图片更改为文件夹中的其他图片，而不指定要更改的图片。除非这是我想换的季节性照片

我有两件事第一页有三个类别，我可以通过不同的图像旋转。然后我想相应地换到不同的假日，换上不同的照片。我可以为每个文件夹设置不同的文件夹，每个文件夹中都有图片并循环浏览。对标签有什么建议吗？我很抱歉。我对这方面还不太熟悉

我必须等到我真的累了，直到我的大脑知道我想要什么。所以这个网站是一家珠宝店

我有三个带缩略图的网格

第一个是戒指。这样我就可以创建一个文件夹，并在ring文件夹中随机选择一个文件

其他两个也是如此

但是我的幻灯片放映我想换一张假期的照片。情人节，圣诞节，等等。这就是我想知道的，我是否可以选择一个特定的日子，然后它会改变画面

所以当我打字的时候，我想它会向我走来。我将不得不使用一个数组（就像aditya prakash所说的那样）和一个特定日期的事件来检索这个文件

---

这听起来可能吗？有点像你以后可以发短信。或自动消息系统。

创建一个包含所有要使用的图像URL的数组。例如 HTML:

然后：

---

这样试试。这里我使用数组来表示特定的图像。数组有日期和url如果今天的日期在数组中，图像将更改为我们的数组url值

让img_环_图像=[
{
日期：“2019-10-03”，
url:“https://via.placeholder.com/150"
},
{
日期：“2019-10-04”，
url:“https://via.placeholder.com/150"
},
{
日期：“2019-10-05”，
url:“https://via.placeholder.com/150"
}
];
//将今日日期和格式设置为YYYY-MM-DD
var today=新日期（）；
today=today.toISOString（）.split（'T'）[0]；
//检查环形图像阵列中的今天日期
object=img\u ring\u images.find（o=>object.entries（o）.find（[k，value]）=>k=='date'&&value==today）！==未定义）；
//如果今天数组中的日期更改图像url
if（对象！=null）{
$（“#ring_image”）.attr（“src”，object.url）；
}

比如对图片使用通用名称，比如header.jpg，并在需要更改时在上面复制想要的图片？+请注意，可能有更好的标签让人们看到您的问题…您是否使用任何服务器端技术，或者这只是平面HTML？我使用平面HTML在HTML代码中，您正在调用一个src，但在javascript中，您正在调用一个src，您是否需要两者？是的，在HTML中添加默认图像，如果要在特定日期更改图像，请在javascript中添加url和日期。

<img id="placeholder">

var imageUrls = [ 'http://placeholderURL/A', 
    'http://placeholderURL/B', // ... more 
    'http://placeholderURL/Z' ];

var img = document.getElementById('placeholder'); 
img.addEventListener("click", function() { this.src = imageUrls[Math.floor(Math.random() * imageUrls.length)]; });