日期:2014-05-16  浏览次数:20722 次

jquery中 banner 背景图片切换问题
 问题 求助。
其中
banners 的值为 各个图片ID
banners = [$("#banner1"), $("#banner2"), $("#banner3"), $("#banner4"),……]

以下js

     function switchBanner(event) {
        $.each(banners,
        function(index, element) {
            $(element).toggle()
        })

    }

点下一张图片时,
只能在 前两张图片之间切换,

修改以上js,使得可以多张图片切换。

------解决方案--------------------
    var index = 0;
    function switchBanner(event) {//假设参数event为前进或者后台指令
        banners[index].hide(); //隐藏当前显示的
        if (event == 'prev') index--;
        else index++;
        if (index < 0) index = banners.length - 1;
        else if (index >= banners.length) index = 0;
        banners[index].show(); //显示下一张
    }