使用Cycle2和多個滑塊在上一張幻燈片上做些什麼

Question

我有一羣帶有自己的next/prev控件的滑塊。當你到達任何滑塊的最後一張幻燈片時，我想要做的事情，在這個例子中是顯示一個警報。

<div class="project"> 

    <div class="slider"> 

    image 

    image 

    image 

    </div><!-- slider --> 

    <div class="controls"> 

    <span class="prev">Prev</span> 

    <span class="next">Next</span> 

    </div><!-- controls --> 

</div><!-- project --> 

重複上面的代碼×5

，在我的.js文件：

$('.slider').each(function() { 
    var p = this.parentNode; 
    $(this).cycle({ 
     fx: 'fade', 
     speed: 'slow', 
     timeout: 0, 
     next: $('span.next', p), 
     prev: $('span.prev', p), 
     nowrap: 1, 
     end: function() { 
      alert('The slideshow has ended.'); 
     } 
    }); 
}); 

這是否有意義和誰能幫助。在此先感謝

BTW：我使用的是循環2由malsup www.malsup.com/jquery/cycle2

Answer 1

我的正確讀取文檔 - 我一直在混合jCycle和循環2 API一起。

$('.slider').on('cycle-finished', function(event, opts) { 
    alert('The slideshow has ended.'); 
}); 

和滑塊最終代碼：

$('.slider').each(function() { 
var p = this.parentNode; 
$(this).cycle({ 
    fx: 'fade', 
    speed: 'slow', 
    timeout: 0, 
    next: $('span.next', p), 
    prev: $('span.prev', p), 
    nowrap: 1, 
}); 
});