Как изменить пагинацию свайпера?

Question

[Slowfind]

Как изменить пагинацию?
На разрешении 1200+ цифры 01/10.
На разрешении 1200- точки.
Как такое можно сделать?

Answer 1

[Corvuss]

const swiper = new Swiper('.swiper-container', {
   // Default parameters
   slidesPerView: 1,
   spaceBetween: 10,
   pagination: {
      el: '.swiper-pagination'
   },
   // Responsive breakpoints
   breakpoints: {
      // when window width is >= 320px
      320: {
         pagination: {
            type: 'bullets'
         }
      },
      // when window width is >= 1200px
      1200: {
         pagination: {
            type: 'fraction'
         }
      }
   }
})

Comments

[Slowfind]

спасибо, слушайте простое решение, почему сразу не понял, что так легко. Хотел сначала делать через цифры, потом апдейтить свайпер с точками.

Answer 2

[Дмитрий Марков]

if(window.innerWidth < 1200) {
  element.innerHTML = '';
}

@media(max-width: 1199px) {
  .element {
    Стили точки
  }
}