Swiper.js - 链接两个滑块实例？

Question

我的产品页面上有 2 个 Slider.js 实例：

var swiperProdImage = new Swiper('.swiper-productimage', { }

var swiperThumbs = new Swiper('.swiper-productthumbs', { }

我想首先控制下一个/上一个滑动的第二个，但无法让 SlideNext() 工作？

我这里哪里出错了？

swiperProdImage.on('slideNextTransitionStart', function() {

   swiperThumbs.slideNext();
   swiperThumbs.update(true);

});

swiperProdImage.on('slidePrevTransitionStart', function() { 

   swiperThumbs.slidePrev();
   swiperThumbs.update(true);

});

Answer 1

您可以使用它来同步滑块（在滑块初始化后立即执行）：

// Assign each other controls
swiperProdImage.controller.control = swiperThumbs;
swiperThumbs.controller.control = swiperProdImage;