idangero.us swiper控制

时间:2015-12-14 18:51:04

标签: jquery swiper

我正在使用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个滑动器实例也需要滑动。

我们如何才能实现这一目标?

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以使用滑动控制来实现。

swiperOne.params.control = swiperTwo;
swiperTwo.params.control = swiperOne;

这样两个Swipers都会同步。