Как сделать несколько слайдеров swiper на странице?

Question

[Александр Осадчий]

Здравствуйте!

У нас есть страница со списком продуктов..где в каждом есть слайдер, вопрос, как сделать, что слайдеры с одинаковым классом не мешали друг другу?

var galleryTop = new Swiper('.gallery-top', {
  spaceBetween: 10,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  loop: true,
  loopedSlides: 4
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
  spaceBetween: 10,
  centeredSlides: true,
  slidesPerView: 'auto',
  touchRatio: 0.2,
  slideToClickedSlide: true,
  loop: true,
  // loopedSlides: 4,
  slidesPerView: 3,
});
galleryTop.controller.control = galleryThumbs;
galleryThumbs.controller.control = galleryTop;

И самое главное - чтоб работала пагинация, то есть как здесь nextEl: '.swiper-button-next', добавить 'this'?

Comments

[Ankhena]

Как упростить инициализацию пяти слайдеров swiper?