@zanzoS

Как сделать такую пагинацию в Swiper?

Как сделать такую нумерацию слайдов?

62bd5fccb5cbd314212519.png

У меня есть обычная кликабельная пагинация. Можно ли ее совместить с типо Fraction?

const site = new Swiper(".site", {
  slidesPerView: 3,
  spaceBetween: 30,

  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },

  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },

  breakpoints: {
    320: {
      slidesPerView: 1,
    },
    990: {
      slidesPerView: 1,
    },
    991: {
      slidesPerView: 3,
    },
  },

});
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Warlynn
pagination: {
					el: '.swiper-counter',
					type: 'fraction',
					clickable: true,
					renderFraction: function (currentClass, totalClass) {
						return '<span class="' + currentClass + '"></span>' + ' <small>/ ' + '<span class="' + totalClass + '"></span></small>';
					}
				},
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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