How to link 3 swiper carousels on a page?

Question

JavaScript

There are 3 swiper
carousels on the page how to link them together? so that any interaction with any of them will affect all other carousels as well?
For example, when I scroll one, all the others scroll. Including scrolling with the mouse.

Here they are all in codepen

Answer 1

Like this. The point is that you subscribe to the slide change event, and then, after 1 function, flip all the sliders to the same slide index as the slider that just changed its index.

Answer 2

How to connect 3 swiper sliders?