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

Вы можете использовать это для синхронизации c ползунков (чтобы делать сразу после инициализации ползунков):

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