jQuery - 如何在页面上同步多个动画？

Question

请完全忽略这里的设计，它是 WIP。 http://marckremers.com/ltd

我正在使用 jquery.cycle 为每个页面上的 6 张卡片制作动画。我想知道是否有一种方法可以同时触发动画，这样它们就不会不同步？

这里是插件的链接:http://jquery.malsup.com/cycle/

谢谢， 马克

Answer 1

将超时设置为 0 以禁用自动前进。然后调用 setInterval 让所有幻灯片同时前进。

$('.card_holder').cycle({ 
    fx:     'scrollVert', 
    timeout: 0                 // disable auto advance
}); 

// Cycle to the next every 4 seconds
setInterval("$('.card_holder').cycle('next')", 4000);

<强> Click here for a demo