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

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 
});