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
});

第二张幻灯片被停用，第一张幻灯片在每次更改后发送“下一个”命令。