Question

我是一个jQuery新手，至少可以这么说，请耐心等待。

我需要按时间顺序换出一些图像。我在网上找到了一个教程，它可以满足我的需求。这是代码：

function swapImagesMaps(){
var $active = $('#maps .active');
var $next = ($('#maps .active').next().length > 0) ? $('#maps .active').next() : $('#maps img:first');
$active.fadeOut(function(){
    $active.removeClass('active');
    $next.fadeIn().addClass('active');
    });

}

setInterval('swapImagesMaps()', 2000);

这很酷，但我有4个不同的div容器，里面有图像，我希望它们每2秒钟消失一次。

所以div1会改变，然后2秒后div2会改变，依此类推。一旦它遍历所有4个div容器，它将返回div1并再次更改那个并继续循环。

希望这是有道理的，我感谢任何帮助或建议！

Answer 1

像this之类的东西？我正在使用this jQuery Carousel。

只需包含该js文件并将其命名为：

        $('#banner_container').carousel({
            autoSlide: true, 
            autoSlideInterval: 4000,
            pagination: true
        });

Answer 2

您可以将<div>元素存储在数组中，然后使用递增索引来确定要更改的元素。

jQuery交换序列中的图像

2 个答案: