document.addEventListener('DOMContentLoaded', function () {
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
type: 'progressbar'
},
autoHeight: true,
slidesPerView: 1, // Один видимый слайд одновременно
spaceBetween: 0,
loop: true,
direction: 'horizontal',
autoplay: {
delay: 3000,
disableOnInteraction: false
},
effect: 'fade', // Добавляем эффект "fade"
fadeEffect: {
crossFade: true
},
on: {
slideChange: function () {
var currentSlide = this.realIndex + 1; // Используйте realIndex для корректного отображения слайдов
var totalSlides = this.slides.length;
document.querySelector('.current-slide').textContent = padZero(currentSlide);
document.querySelector('.total-slides').textContent = padZero(totalSlides);
}
}
});
function padZero(num) {
return (num < 10) ? '0' + num : num.toString();
}
});