Skip to content

Instantly share code, notes, and snippets.

@Shekey
Created March 6, 2020 13:26
Show Gist options
  • Save Shekey/62f2a260f8e127a32561385c503f81ea to your computer and use it in GitHub Desktop.
Save Shekey/62f2a260f8e127a32561385c503f81ea to your computer and use it in GitHub Desktop.
swiper custom fraction
var swiperOptions = {
slidesPerView: 1,
centeredSlides: true,
spaceBetween: 40,
effect: 'fade',
pagination: {
el: '.swiper-pagination',
type: 'fraction',
formatFractionTotal: function formatFractionTotal(number) {
var formated = ('0' + number).slice(-2);
return formated;
},
formatFractionCurrent: function formatFractionCurrent(number) {
var formated = ('0' + number).slice(-2);
return formated;
},
renderFraction: function (currentClass, totalClass) {
return '<span class="' + currentClass + '"></span>'
+ '<span class="swiper-pagination-separator">/</span>'
+ '<span class="' + totalClass + '"></span>';
}
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment