javascript图像旋转2个单独的div

时间:2015-01-02 12:38:10

标签: javascript html css image

我之前使用下面的代码实现了类似的功能,但我不知道我是如何做到的,并且无法对我的代码进行反向工程。我有两个名为advert 1advert 2的div,我需要它们在1分钟后旋转到另一个图像。每个div将有3张图片。下面是我几年前使用的代码,但我不知道我是如何使用它的。

使用Javascript:

var rotators = [
{ id: 'advert1', images: ['advert1.jpg', 'advert2.jpg', 'advert3.jpg'], selectedIndex: 0 },
{ id: 'advert2', images: ['advert4.jpg', 'advert5.jpg', 'advert6.jpg'], selectedIndex: 0 }
];

var updateImages = function() {
for (var i=0; i < rotators.length; i++) {
    var rotator = rotators[i];
    rotator.selectedIndex++;
    if (rotator.selectedIndex >= rotator.images.length) {
        rotator.selectedIndex = 0;
    }
    document.getElementById(rotator.id).src = rotator.images[rotator.selectedIndex];
}
};
var timer = setInterval(updateImages, 300000);

0 个答案:

没有答案