使用jQuery Cycle同步多个滑块

时间:2012-04-12 03:02:06

标签: jquery cycle jquery-cycle

我正在项目中使用jQuery Cycle。您可以看到我的脚本at pastebin

基本上,有三个不同的滑块连接到相同的方向控制。我希望他们的过渡能够同步。

现在,由于这里有三个独立的滑块实例,它们开始同步,但最终会失去同步 - 如果你离开浏览器窗口或其他东西,有时会立即失去同步。这会导致序列出现故障并且通常会发生故障。我希望所有滑块都能在同一时间点亮,最好是与.sliderImages幻灯片相关联。

我已经尝试创建一个包含其他两个滑块的函数,并将其放在before滑块上的.sliderImages选项中,但这会让它变得一团糟,我不知道JS能够排除故障。

像往常一样,任何帮助都表示赞赏。

谢谢!

2 个答案:

答案 0 :(得分:1)

因此,在将我的头撞在墙上一段时间之后,我偶然发现了Ryan Florence's jQuery Slideshow。它比Cycle或者我曾经尝试过的任何其他幻灯片插件(或者它需要jQuery UI)更轻(更多,更多),它有很好的文档记录,并且相对容易插入并按照您的意愿工作。

有一个thread on his slideshow Github page,他帮助我让代码正常运行,同时还有一个link to the final code

当然,如果有人提出改进我的代码的建议,我会向他们开放。但是这个插件就像它们来的那样简单而多功能。

也许比我更有才华的程序员可以使其适合移动设备,例如Flexslider ......

答案 1 :(得分:0)

如果你使用(window).load函数加载jquery循环并使用两个不同的选择器和相同的选项,那么你应该完全同步两个滑块。

我认为如果您将它们作为两个单独的插件加载,并且如果您已经准备好它们,那么时间将会关闭。

无论如何,它对我有用。