Как связать 3 карусели swiper на странице?

Question

[ololodff]

На странице есть 3 карусели swiper
Как их связать вместе? чтобы любое взаимодействие с любым из них влияло и на все остальные карусели?
Например когда прокручиваю один, прокручиваются все остальные. В том числе и перемотка мышкой.

Вот тут они все в codepen

Answer 1

[Антон Неверов]

Вот так. Смысл в том, что вы подписываетесь на событие смены слайда, а затем все слайдеры через 1 функцию перелистываете на тот же индекс слайда, как и у того слайдера, который только что изменил свой индекс.

Comments

[ololodff]

Как бы к ним еще добавить кнопки навигации ?

navigation: {
      nextEl: "#btn12",
      prevEl: "#btp12"
    },

[Антон Неверов]

ololodff, самостоятельно хоть немного сделайте, пожалуйста.

Answer 2

[Александр]

Kак связать между собой 3 слайдера swiper?