Как синхронизировать два Swiper с автопрокруткой в разных направлениях?

Question

[Big Wheel]

Привет!
Подскажите пожалуйста, как синхронизировать две карусели Swiper с автопрокруткой в разных направлениях?

Comments

[Вадим]

что значит "синхронизировать"? У Вас итак вроде синхронно крутятся.

[Big Wheel]

Вадим,
Увы нет. Запускаются они отдельно, из за этого при некоторых условиях вы получите рассинхрон.

Например в карусели Splide (splidejs.com) есть специальный метод sync(), который позволяет запускать прокрутку слайдов синхронно с одной каруселью.

В Swiper возможно сделать, что-то подобное через событие смены слайда, но к сожалению у меня не получается реализовать это с учетом прокрутки слайдов в разных направлениях.

Answer 1

[FKV]

https://swiperjs.com/swiper-api#controller
Или подписаться на событие смены слайда одного из слайдеров и при срабатывании вызывать метод смены слайда второго.
Вот пример с использованием controller

Comments

[Big Wheel]

FKV,
ссылка на codepen - 404, но указания на Controller более чем достаточно, то что надо!

Большое спасибо!

[FKV]

Вот на всякий случай еще раз ссылка https://codepen.io/mrWilson123/pen/XWdbxpj