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'命令。