Как изменить фракционную пагинацию в свипере?

Question

[Pipop]

По умолчанию знак разделителя / : https://swiperjs.com/demos/060-pagination-fraction.html Можно ли поменять на тире?

Answer 1

[archelon]

В документации https://swiperjs.com/api/#pagination
параметр renderFraction

var swiper = new Swiper('.swiper-container', {
  //...
  renderFraction: function (currentClass, totalClass) {
      return '<span class="' + currentClass + '"></span>' +
              ' of ' +
              '<span class="' + totalClass + '"></span>';
  }
});

в примере — of (1 of 10)

Answer 2

[denverkurt]

из документации непонятно куда именно, и по примеру из документации можно подумать что renderFraction должен быть на одном уровне с pagination, но это не так. изучение исходников показало что renderFraction должен быть внутри pagination:

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