jquery - jQueryTools 可滚动 - 循环两次然后在第一张幻灯片上停止

Question

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

目前，我有：

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

我确实找到了一篇关于如何滚动回滑块开头的文章。而且我已经看到在每个项目滚动后发生的事件“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
});