Как синхронизировать два Swiper'a?

Question

[r_g_b_a]

У меня есть два слайдера.
В первом будут отображаться несколько фото, центральное из которых будет активным. А во втором должно выводится описание к нему.
Мой код, который на данный момент работает не совсем правильно по неизвестной мне причине
https://jsfiddle.net/sgdrmzt0/

Answer 1

[Александр]

https://qna.habr.com/q/1005963

spoiler

const swiper_1 = new Swiper('.swiper-1', {
  slidesPerView: 3,
  spaceBetween: 30,
  loop: true,
  centeredSlides: true,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  }
});

const swiper_2 = new Swiper('.swiper-2', {
  slidesPerView: 1,
  loop: true
});

const swipeAllSliders = (index) => {
  swiper_1.slideToLoop(index);
  swiper_2.slideToLoop(index);
};

swiper_1.on('slideChange', () => swipeAllSliders(swiper_1.realIndex));
swiper_2.on('slideChange', () => swipeAllSliders(swiper_2.realIndex));

Comments

[r_g_b_a]

Спасибо!