Динамический свайпер для нескольких слайдеров

Достали из нашей базы в ЛК, отряхнули от спана Espo и выкатили сюда. Код — чёрные блоки, как любим.

const buildSwiperSlider = sliderElm => {
const sliderIdentifier = sliderElm.dataset.id;
return new Swiper(`#${sliderElm.id}`, {
slidesPerView: 1,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: `.swiper-button-next-${sliderIdentifier}`,
prevEl: `.swiper-button-prev-${sliderIdentifier}`
},
pagination: {
el: `.swiper-pagination-${sliderIdentifier}`,
clickable: true,
},
});
}

// Get all of the swipers on the page
const allSliders = document.querySelectorAll('.mySwiper');
// Loop over all of the fetched sliders and apply Swiper on each one.
allSliders.forEach(slider => buildSwiperSlider(slider));

Комментарии


Комментарии (0)



Разрешённые теги: <b><i><br>Добавить новый комментарий: