При загрузки страницы у меня не показывается counter (пагинация слайдов).
Чтобы показывался текущий слайдер я исправил тем что в new Swiper добавил init:false, и
при загрузки страницы swiper.init();
$(function(){
site.init();
})
Но с кол-вом слайдов в слайдере не получилось.
var site = new Swiper(".site", {
simulateTouch: false,
init: false,
navigation: {
nextEl: ".swiper-button-content-next-site",
prevEl: ".swiper-button-content-prev-site",
},
pagination: {
el: ".swiper-pagination-site",
clickable: true,
},
});
site.on("slideChange afterInit init", function () {
let currentSlide = this.activeIndex + 1;
let totalSlide = this.slides.length;
document.querySelector('.counter-site').innerHTML = `
<span class="counter__current">
${currentSlide < 10 ? '0' + currentSlide : currentSlide}
</span>
<span class="counter__total">
<span>/ </span>${totalSlide < 10 ? '0' + totalSlide : totalSlide}
</span>`;
});