首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery中 banner 背景图片切换有关问题

2013-11-02 
jquery中 banner 背景图片切换问题 问题 求助。其中banners 的值为 各个图片IDbanners [$(#banner1), $

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(); //显示下一张
    }

热点排行