使用 jQuery 循环同步多个滑块



我正在一个项目上使用jQuery Cycle。你可以在pastebin上看到我的脚本。

基本上,有三个不同的滑块绑定到相同的方向控件。我希望他们的过渡是同步的。

就目前而言,由于这里有三个独立的滑块实例,它们开始时是同步的,但最终会不同步——有时会立即不同步,如果你离开浏览器窗口或其他东西。这会导致序列失序,并且通常看起来不正常。我希望所有滑块同时触发,最好链接到.sliderImages幻灯片。

我尝试创建一个包含其他两个滑块的函数,并将其放在.sliderImages滑块上的before选项中,但这会使它变得不稳定,而且我不知道足够的JS来排除故障。

像往常一样,任何帮助都是值得赞赏的。

谢谢!

因此,在用头撞墙一段时间后,我偶然发现了Ryan Florence的jQuery幻灯片。它比 Cycle 或我尝试过的任何其他幻灯片插件轻得多(很多,很多),它有据可查,并且相对容易进入并按照您希望的方式工作。

在他的幻灯片Github页面上有一个线程,他帮助我使代码正常工作,以及指向最终代码的链接。

当然,如果有人有改进我的代码的建议,我愿意接受。但是这个插件就像它们来的时候一样简单和通用。

也许一个比我更有才华的程序员可以让它适合移动设备,比如 Flexslider......

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

我认为如果您将它们作为两个单独的 init 加载并且如果您将它们加载到 ready,那么时间就会关闭。

无论如何,它对我有用。

相关内容

  • 没有找到相关文章

最新更新