42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
/******/ (() => { // webpackBootstrap
|
|
/*!****************************************!*\
|
|
!*** ./src/revues-precedentes/view.js ***!
|
|
\****************************************/
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const currentBlock = document.querySelector(".block-revues-precedentes");
|
|
if (!currentBlock) return;
|
|
const swiperFraction = currentBlock.querySelector(".swiper-pagination-fraction");
|
|
const slides = currentBlock.querySelectorAll(".swiper-slide");
|
|
const slideCount = slides.length;
|
|
swiperFraction.textContent = `Article n°1 sur ${slideCount}`;
|
|
console.log(slideCount);
|
|
new Swiper(".revues-precedentes-swiper", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 30,
|
|
loop: true,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev"
|
|
},
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
renderBullet: function (index, className) {
|
|
return `<button class="${className}"></button>`;
|
|
}
|
|
},
|
|
on: {
|
|
slideChange: swiper => {
|
|
const slidesCount = swiper?.slides?.length;
|
|
swiperFraction.textContent = `Article n°${swiper.realIndex + 1} sur ${slidesCount}`;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
/******/ })()
|
|
;
|
|
//# sourceMappingURL=view.js.map
|