如何根据季节显示两张交替图片?

时间:2018-01-02 23:32:03

标签: image alternating

由于照顾生病的年迈父母,我几年来一直无法进行网站设计。现在我非常生疏,再也不能说太多了。

在div中,我希望根据季节有两张交替的图片(每5秒左右交替一次)。

如果是冬天,则显示winter01.png和winter02.jpg,交替显示。

我有以下工作代码根据季节更改div BACKGROUND,但是根据季节确定如何制作内容两个交替的照片远远超出我。

有任何帮助吗?我愿意发一份Paypal捐赠.....

以下是根据季节更改背景图片的代码:

<div class="homeBox">
<!--set background image according to season-->
<script type="text/JavaScript">
var north = true;
var today = new Date();
var month = today.getMonth();
if (today.getDate() > 20) month++;
var backImg = ['/windsong/images/seasonal/backgrounds/summer.jpg','/windsong/images/seasonal/backgrounds/autumn.jpg','/windsong/images/seasonal/backgrounds/winter.jpg','/windsong/images/seasonal/backgrounds/spring.jpg'];

document.getElementsByClassName('homeBox')[0] .style.backgroundImage = 'URL(' + backImg [Math.floor((月+(北6:0))/ 3)%4?] + ')';     `

1 个答案:

答案 0 :(得分:0)

为自己想出来。使用Cycle2结合我找到的PHP脚本。

id