Как поставить ограниченное число булетов в swiper-slider?

Question

[DmitryDRM]

Добрый день! Подскажите, пожалуйста, не могу понять как сделать ,чтобы максимальное число выводимых булетов в swiper-slider ровнялось 4 штукам?

Answer 1

[mikhailivanko]

https://swiperjs.com/swiper-api
Параметр dynamicMainBullets

var swiper = new Swiper(".mySwiper", {
        pagination: {
          el: ".swiper-pagination",
          dynamicBullets: true,
          dynamicMainBullets: 4
        }
      });

Comments

[DmitryDRM]

Спасибо у меня почему-то первый раз так не получилось.

[DmitryDRM]

К сожалению этот варинт не подходит так-как булеты все равно появляются.

[mikhailivanko]

DmitryDRM, ну скрой стилями остальные булеты

/* hide bullets */
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active-main){
  opacity: 0;
}