Как вывести кол-во слайдов в Swiper?

Question

[webl2m]

Проблема в выводе кол-ва слайдов.
Я вывожу кол-во слайдов:

pagination: {
	el: '.home-slider__count .total',
	type: 'custom',
	renderCustom: function (swiper, current, total) {
		return `0${total}`
	}
}

Но данный код работает только если пагинация находится за пределами .swiper-wrapper. Мне же в верстке необходимо, чтобы пагинация была в каждом слайде.

Comments

[Ankhena]

Мне же в верстке необходимо, чтобы пагинация была в каждом слайде.

Пока не видно зачем она вам в каждом слайде.
Да ещё и svg инлайните в каждый слайд. Это же обалдеть. Используйте стили, bg image или маски.
И зачем вообще там столько кода.

[webl2m]

Ankhena, вот что должно получиться:

А кода столько, потому что сами изображения находятся за пределами контейнера. С svg понял, спасибо за совет. Исправлю

[Ankhena]

webl2m,
Вот этого достаточно для слайда

<div class="swiper-slide home-slider__slide">
      <div class="home-slider__bg" data-swiper-parallax="20%"
           style="background-image: url(../../images/dist/slide-images/1.jpg);"></div>
      <div class="home-slider__text">
        <h2 class="home-slider__title">
          Регистрация бизнеса удаленно в&nbsp;соответствии с&nbsp;законодательством
        </h2>
        <p class="home-slider__descr">Поможем вам быстро и без лишних хлопот зарегистрировать вашу компанию в
          соответствии с законодательством</p>
        <button class="btn">Оставить заявку</button>
      </div>
    </div>

Пустой div с параллаксом тоже заменяется на псевдоэлемент от слайда.

Стрелки и пагинацию прибиваете поверх гридом или абсолютом.

[0xD34F]

было