读书人

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

发布时间: 2013-11-02 19:41:10 作者: rapoo

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

读书人网 >Ajax

热点推荐