使用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, 
}); 
});