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

У меня slidesPerView: 5.
У центрального слайда есть класс swiper-slide-active.
У следующего и предыдущего есть класс swiper-slide-next/prev.
А вот как задать класс слайду после следующего и до предыдущего?
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
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);
  },
},
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы