Как при переходе к следующему слайду добавлять ему класс?

Question

[Влад Державин]

Нужно в event-e например: 'slideChangeTransitionStart', добавить класс к следующему слайду.
https://codepen.io/Derzhavin_Vlad/pen/zLwGOg

Answer 1

[Никита Егоров]

mySwiper.on('slideChangeTransitionStart', function () {
    document.getElementsByClassName('slider-item')[mySwiper.realIndex + 1].classList.add('ваш класс')
});

Но вам нужно будет позаботиться, как удалить его (это не сложно), что бы ваш класс был только у одного элемента.

Читайте документацию, там довольно все понятно описано - idangero.us/swiper/api

Comments

[Влад Державин]

Спасибо, огромное! Не подскажите как задержку сделать, чтобы при клике на next проходило 2 сек. а потом перелистывался слайд.

[Никита Егоров]

Влад Державин, подсказать не смогу, в документации ничего по этому поводу не нашел, если только указать speed: 2000, но это не задержка.