如何循环这个滑块功能?

时间:2013-12-02 08:47:20

标签: jquery

我需要在完成后以某种方式使这个图像滑块循环,但我不知道如何实现这一点。我知道这个问题之前已经得到了解答,但是我已经尝试了谷歌搜索,尝试了不同的解决方案等但我无法让它在我从教程制作的滑块上工作。感谢所有帮助,谢谢!

function slideSwitch() {
    var $active = $('.img-slider img.active');

    if ( $active.length == 0 ) {
        $active = $('#slideshow img:last');
    }

    var $next =  $active.next().length ? 
        $active.next() : $('#slideshow img:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, 
        function() {
            $active.removeClass('active last-active')
        }
    );
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
    slideSwitch();
});

3 个答案:

答案 0 :(得分:0)

$(function() {
  setInterval(slideSwitch(), 5000 );
  slideSwitch();
});

从setInterval()函数中的slideSwitch()函数中删除引号。

答案 1 :(得分:0)

变化:

$(function() {
    setInterval( "slideSwitch()", 5000 );
    slideSwitch();
});

要:

$(function() {
    setInterval( slideSwitch, 5000 );
    slideSwitch();
});

setInterval将一个函数和一个数字作为参数,并为它提供一个字符串和一个数字。

答案 2 :(得分:0)

使用以下行检查并替换您的代码:

$(function() {
    setInterval( slideSwitch(), 5000 );
    slideSwitch();
});