65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
/******/ (() => { // webpackBootstrap
|
|
/*!******************************************!*\
|
|
!*** ./src/dernieres-dynamiques/view.js ***!
|
|
\******************************************/
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const swiperFraction = document.querySelector(".swiper-pagination-fraction");
|
|
const slides = document.querySelectorAll(".swiper-slide");
|
|
const slideCount = slides.length;
|
|
swiperFraction.textContent = `Article n°1 sur ${slideCount}`;
|
|
new Swiper(".dernieres-dynamiques-swiper", {
|
|
slidesPerView: 2,
|
|
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}`;
|
|
}
|
|
}
|
|
|
|
// pagination: [
|
|
// {
|
|
// el: ".swiper-pagination",
|
|
// type: "bullets",
|
|
// clickable: true,
|
|
// },
|
|
// {
|
|
// el: ".swiper-pagination-fraction",
|
|
// type: "fraction",
|
|
// renderFraction: function (currentClass, totalClass) {
|
|
// return (
|
|
// '<p class="swiper-pagination__text">' +
|
|
// "<span class='swiper-pagination__text-label'>Article n°</span>" +
|
|
// '<span class="' +
|
|
// currentClass +
|
|
// '"></span>' +
|
|
// " sur " +
|
|
// '<span class="' +
|
|
// totalClass +
|
|
// '"></span>' +
|
|
// "</p>"
|
|
// );
|
|
// },
|
|
// },
|
|
// ],
|
|
});
|
|
});
|
|
/******/ })()
|
|
;
|
|
//# sourceMappingURL=view.js.map
|