Обернуть три слайдера в один с синхронным изменением содержимого

Пытаюсь реализовать слайдер внутри которого находятся 3 других слайдера. При изменении одного внутреннего слайдера контент других слайдеров должен тоже меняться, соблюдая в точности такие же анимации свапа. Контент внутренних слайдеров меняется с помощью зажатия левой кнопки мышки и движения в сторону. Я пытаюсь реализовать это с помощью библиотеки Swiper. К сожалению, подобных примеров я не нашел и смог реализовать подобное только с первым внутренним слайдером, однако, при попытке сделать это с другими внутренними слайдерами, происходит наложение событий и слайдер автоматически прокручивается либо до самого начала, либо до конца. Есть ли примеры реализации данной задачи? Как это реализовать правильно?

Ссылка на мой пример: https://codesandbox.io/s/funny-kepler-z0i4o


Ответы (0 шт):