Question

我试图找出一种方法来浏览一组幻灯片几次然后返回并停在第一张幻灯片上。

目前，我有：

$('#con_featured .scrollable').scrollable({
    circular: false
}).navigator({  
    activeClass: 'current',
    navi:'#con_featured .scrollable_nav ul'
}).autoscroll({
    autoplay: true,
    interval: 8000
});

我找到了关于如何滚动回滑块开头的article。我已经看到每个项目滚动后发生的事件“onSeek”。有没有办法使用它（或另一个事件监听器）来查找幻灯片何时结束？

Answer 1

我的一位同事利用Scrollable API解决了这个问题。使用API，他能够获得滑块的索引，在它播放两次后，它会在第一张幻灯片上停止。

var loopCounter = 0;
$('#con_featured .scrollable').scrollable({
    onSeek: function() {
        var api = $('#con_featured .scrollable').data("scrollable");

        if(api.getIndex() == 0) {
            loopCounter++;
            if(loopCounter >= 2) api.stop(); // loops twice then stops
        }
    },
    circular: true
}).navigator({  
    activeClass: 'current',
    navi:'#con_featured .scrollable_nav ul'
}).autoscroll({
    autoplay: true,
    interval: 8000
});

jQueryTools Scrollable - 在第一张幻灯片上循环两次然后停止

1 个答案: