JQuery Cycle 同步化

Question

我已经通过 JQuery cycle 定义了两个幻灯片，如下所示：

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

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

我已经手动验证过了，它们是同步的。实际上这只是运气好还是我需要像下面这样定义来确保它们同步：

1. 在循环中将超时参数设置为0，以确保它不会自动更新。
2. 使用相同间隔的setInterval函数来触发每个循环。

感谢您的帮助。

- user636190

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

第二个幻灯片已被禁用，第一个幻灯片在每次变化后发送“下一步”命令。

- krtek