javascript - jQuery 循环 : Scroll back to the first slide after the last slide

Question

我有一个看起来像这样的 slider :

$('#slider').cycle({
    fx: 'scrollHorz',
    speed: 1250, 
    timeout: 5000,
    easing: 'easeInOutExpo',
    pager: '#slider-pagination',
    next: '#next-slide',
    prev: '#prev-slide',
    pause: 1
});

默认情况下，当它在最后一张幻灯片上时，Cycle 只是再次滚动到左侧以重新开始，就好像它是一个无限循环一样。我希望它向后滚动浏览所有幻灯片并再次落在第一张幻灯片上。很像这里的情况(见最后一张幻灯片):http://www.iconlicious.com/ .我必须使用 Cycle，所以我不能使用与它们相同的插件。

如何实现？

谢谢

Answer 1

解决方案是将 nowrap 选项设置为 false。

虽然我无法测试任何东西，但您可能必须使用 end 选项来定义一个返回开头的函数。

所以，像这样:

$('#slider').cycle({
    fx: 'scrollHorz',
    speed: 1250, 
    timeout: 5000,
    easing: 'easeInOutExpo',
    pager: '#slider-pagination',
    next: '#next-slide',
    prev: '#prev-slide',
    pause: 1
    nowrap: false, 
    end: function() { 
        // make it go to the first slide
    }
});