I have two sliders on a page, and want to sync their positions. So when one changes slides the other does too. Ideally also when dragged (they aren’t the same size, but i want same percent through).
Swiper has “controller” module http://idangero.us/swiper/api/#controller which allows to do that:
var swiper1 = new Swiper(...); var swiper2 = new Swiper(...); // to control each other swiper1.controller.control = swiper2; swiper2.controller.control = swiper1;
But it could be a tricky if you have some different configs for both swipers and in React. So if you have issues with it, just post a minimal JSFiddle with what you are trying to achieve and i will take a look