Как добавлять классы слайдам, находящимся до swiper-slide-prev и после swiper-slide-next?

Question

[Святослав Огиевич]

У меня slidesPerView: 5.
У центрального слайда есть класс swiper-slide-active.
У следующего и предыдущего есть класс swiper-slide-next/prev.
А вот как задать класс слайду после следующего и до предыдущего?

Answer 1

[0xD34F]

function updateClasses({ $el, slides, activeIndex }) {
  $el.find('.swiper-slide-prev-prev').removeClass('swiper-slide-prev-prev');
  slides.eq(activeIndex).prev().prev().addClass('swiper-slide-prev-prev');

  $el.find('.swiper-slide-next-next').removeClass('swiper-slide-next-next');
  slides.eq(activeIndex).next().next().addClass('swiper-slide-next-next');
}

on: {
  init() {
    updateClasses(this);
  },
  slideChange() {
    updateClasses(this);
  },
},

Comments

[lerro]

это сработало даже у такой тупни как у меня, спасибо