我正在使用iDangero.us Swiper插件,我需要一个解决方案来同步多个swiper实例。
请在下面查看代码
<div class="swiper-container swipe1">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
</div>
</div>
<div class="swiper-container swipe2">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
</div>
</div>
<div class="swiper-container swipe3">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
</div>
</div>
如果我滑动任何一个滑动器,剩余的2个滑动器实例也需要滑动。
我们如何才能实现这一目标?
提前致谢
答案 0 :(得分:0)
您可以使用滑动控制来实现。
swiperOne.params.control = swiperTwo;
swiperTwo.params.control = swiperOne;
这样两个Swipers都会同步。