循环滑块未被调用

时间:2014-04-14 10:34:03

标签: jquery

我有这个滑块。

$(function () {
    $(".fadein a").first().show();
    var lnthofimages = $('.fadein a').length;
    var index = 0;
    var count = lnthofimages;

    function bannerRotator() {
        $('.fadein a').delay(5).eq(index).fadeOut(function () {
            if (index == count) {
                index = -1;
            }

            $('.fadein a').eq(index + 1).fadeIn(function () {
                index++;
                bannerRotator();
            });

        });
    }
    bannerRotator();
});

图像未旋转的位置。根据我在这里给出的另一个条件,它没有被循环 -

$('.fadein a').eq(index + 1).fadeIn(function () {
    index++;
    bannerRotator();
});

你可以在这里看到 -

http://jsfiddle.net/94bGB/

1 个答案:

答案 0 :(得分:3)

试试这个小提琴:http://jsfiddle.net/94bGB/3/

我在这里更新了这一行,因为你的索引从0到5但你的计数是6,你需要将索引与count-1进行比较。

if (index == count-1) {
    index = -1;
}