滑动滑动自定义计数器（分数）

Question

我使用刷卡滑块并有计数器分数。它计数很好，但我需要计数 =（所有幻灯片 - 1）。例如，如果我有 20 张幻灯片，我想显示总数 19.Any 个想法，我该怎么做？我使用他们网站上的常规 js。这是我拥有的：

var gallery = new Swiper('.left-side-slider-gallery', {
  slidesPerView: '1',
  pagination: {
  el: '.jail-app-left-side-fractions',
  type: 'fraction',
  },
});

谢谢！

Answer 1

您可以使用 custom 类型和 renderCustom 函数，如 docs:

中所述

var gallery = new Swiper('.left-side-slider-gallery', {
  slidesPerView: 1,
  pagination: {
    el: '.jail-app-left-side-fractions',
    type: 'custom',
    renderCustom: function (swiper, current, total) {
        return current + '/' + (total - 1); 
    }
  }
});

滑动滑动自定义计数器（分数）

Swiper slide custom counter (fractions)

javascript

swiper