时间戳

首页 > 解决方案 > 如何更改特定日期或季节的图像

html - 如何更改特定日期或季节的图像

问题描述

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

我有两件事第一页有三个类别，我可以通过不同的图像旋转。然后我想相应地用不同的图片更改为不同的假期。我可以为每个文件夹设置不同的文件夹，并在每个文件夹中放置图片并循环浏览它们。对标签有什么建议吗？对不起。我对此很陌生。

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

我有三个带有缩略图的网格。

第一个是戒指。所以我可以制作一个文件夹并在环形文件夹中随机选择一个文件。

以此类推其他两个。

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

所以当我打字时，我想它会来找我。我将不得不为特定日期的事件做一个数组（就像 aditya prakash 所说的）来检索这个文件。

这听起来可能吗？有点像您将来如何发送文本。或自动消息系统。

标签： htmlimagedate

解决方案

使用您要使用的图像的所有 url 创建一个数组。例如 HTML：

<img id="placeholder">

JS：

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)]; });

推荐阅读