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

Question

[zanzoS]

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



У меня есть обычная кликабельная пагинация. Можно ли ее совместить с типо 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,
    },
  },

});

Answer 1

[Виталий Першин]

Answer 2

[Warlynn]

pagination: {
					el: '.swiper-counter',
					type: 'fraction',
					clickable: true,
					renderFraction: function (currentClass, totalClass) {
						return '<span class="' + currentClass + '"></span>' + ' <small>/ ' + '<span class="' + totalClass + '"></span></small>';
					}
				},