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

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