JQuery的週期同步

Question

我已經通過下面的JQuery週期定義了兩個幻燈片：

$('#slideShow').cycle({ 
     fx: 'fade', 
     timeout: 3000, 
     speed: 2000, 
     random: 1 
    }); 

    $('#slideText').cycle({ 
     fx: 'blindZ', 
     timeout: 3000, 
     speed: 2000, 
     random: 1 
    }); 

我已經手動驗證，它們是同步的。其實只是運氣好，或者我需要定義下面的內容來確保它們是同步的：

1. 將週期參數設置爲0，以確保它不會自動更新。
2. 使用setInterval函數以相同的間隔觸發每個週期。

感謝您的協助。

Answer 1

只要你一個接一個地開始你的兩個幻燈片，它應該沒問題。由於它們具有相同的超時時間並且一起啓動，它們應該保持同步。

否則，你可以做這樣的事情;

$('#slideShow').cycle({ 
    fx: 'fade', 
    timeout: 3000, 
    speed: 2000, 
    random: 1, 
    after: function(currSlideElement, nextSlideElement, options, forwardFlag) { 
      $('#slideText').cycle('next'); 
    } 
}); 

$('#slideText').cycle({ 
    fx: 'blindZ', 
    timeout: 0, 
    speed: 2000, 
    random: 1 
}); 

第二個幻燈片被停用，第一個幻燈片在每次更改後都會發送'next'命令。