@cupacabka

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

Всем привет, подскажите такой вопрос. Делаю слайдер свайпер. При этом по макету каждый элемент слайд имеет счетчик pagination-fraction. Вроде по части верстки удалось решить все. Сделал слайдер, разместил пагинацию внутри каждого элемента слайдера. Проблема в том, что выводится по макету сразу три слайда на экране, и вот когда активен первый слайд, то на всех слайдах указывается 1/6. соответственно когда второй активен - указывается на всех 2/6. Как собственно решить проблему?
pagination: {
        el: ".swiper-pagination",
        type: "fraction",
        renderFraction: function (currentClass, totalClass, ) {
          return '<span class="'  +  currentClass + '"></span>' + "  " + '<span class="' + totalClass + '"></span>';
        },
        formatFractionCurrent: function (number) {
          if (number < 10) {
            number = "0" + number;
          }
          return number;
        },
        formatFractionTotal: function (number) {
          if (number < 10) {
            number = "0" + number;
          }
          return number;
        },
      },

5feb78381ed26815665808.jpeg

Это вобще пагинацией делается, либо счетчик сделать количества слайдов ?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Никакая это не пагинация.

document
  .querySelectorAll('селектор элементов внутри слайдов, где должны отображаться их номера')
  .forEach((n, i, a) => n.innerText = `${i + 1} / ${a.length}`);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
27 янв. 2021, в 04:19
2500 руб./за проект
27 янв. 2021, в 00:37
11111 руб./за проект
26 янв. 2021, в 23:30
3000 руб./за проект