jQuery按顺序交换图像

至少可以说，我是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');
    });

}

这很酷，但我有4个不同的div容器，其中包含图像，我希望它们每2秒淡出一次

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

希望这是有意义的，我感谢任何帮助或建议

您可以将

元素存储在数组中，然后使用递增索引确定要更改的元素。

类似于？我正在使用

只需包含该js文件并按如下方式调用它：

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

---

不应将字符串传递给

setInterval

。不要使用eval（字符串中的javascript）<代码>设定间隔（互换价格管理，2000年）取而代之。SLaks谢谢你的建议。你能给我一个快速的参考/例子吗？就像我说的，我充其量只是个新手。

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