Как добавить пагинации класс активности swiper?

Для добавления пагинации (pagination) в библиотеке Swiper.js для создания пагинатора к слайдеру, вам нужно следовать нескольким шагам.

1. **Установка Swiper.js**: Вначале у вас должен быть подключен Swiper.js к вашему проекту. Можете сделать это через загрузку библиотеки с CDN или установкой через npm/yarn.

2. **Инициализация Swiper**: Создайте свой Swiper используя соответствующие параметры. В этом случае, важно добавить опцию pagination со значением true или объектом опций для более настроенного пагинатора.

var mySwiper = new Swiper('.swiper-container', {
  // другие опции...
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
});

3. **HTML разметка для пагинации**:
Добавьте HTML элемент для отображения пагинации. В простейшем случае это может выглядеть так:

<div class="swiper-container">
  <div class="swiper-wrapper">
    <!-- ваши слайды -->
  </div>
  <div class="swiper-pagination"></div>
</div>

4. **Настройка стилей пагинации**:
Добавьте стили для пагинации, чтобы она отображалась правильно на вашем сайте. Вы можете настроить стили CSS для .swiper-pagination с помощью задания цвета, размера и других свойств.

5. **Дополнительные опции**: Swiper позволяет вам настраивать пагинацию более детально, например, задавать количество буллетов в пагинации, использовать кастомные элементы для буллетов и т.д. Подробнее об этом можно прочитать на [официальном сайте Swiper](https://swiperjs.com/api/pagination).

Таким образом, используя вышеперечисленные шаги, вы сможете добавить пагинацию к вашему слайдеру с помощью Swiper.js в вашем проекте на JavaScript.