jQuery的幻燈片更改事件

Question

我jQuery代碼是這樣的

$(document).ready(function() { 
    $(".slideshow").css("overflow","hidden"); 
    $("ul#slides").cycle({ 
    fx: 'fade', 
    pause: 1, 
    prev: '#prev', 
    next: '#next' 
}); 

，我想知道，是否有任何滑動改變事件jQuery的這個......我的意思是我需要得到當幻燈片編號每個幻燈片變化

謝謝

Answer 1

你的問題是關於循環的具體，而不是一般的jQuery。 Cycle的選項文檔可以在here找到。

它看起來像有一個名爲onPrevNextEvent事件：

onPrevNextEvent: null,// callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement) 

傳遞到您定義該事件的函數的第二個參數將是zeroBasedSlideIndex。這就是當前的幻燈片編號，與第一滑動從0開始。

所以，你的代碼可能看起來像：

$(document).ready(function() { 
    $(".slideshow").css("overflow","hidden"); 
    $("ul#slides").cycle({ 
    fx: 'fade', 
    pause: 1, 
    prev: '#prev', 
    next: '#next', 
    onPrevNextEvent: function(isNext, slideNum) { 
     alert("This is slide "+ slideNum); 
    } 
});