@xanzik312

При загрузки страницы не показыватся total slide в Swiper?

При загрузки страницы у меня не показывается 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>`;
});
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы