Чтобы добавить класс к пагинации после просмотра слайда в JavaScript, вы можете использовать следующий подход:
1. Начните с создания переменной, которая будет содержать ссылку на элемент пагинации. Например, предположим, что ваша пагинация имеет класс "pagination" и находится внутри элемента с классом "slider". Вы можете получить ссылку на пагинацию следующим образом:
const pagination = document.querySelector('.slider .pagination');
2. Далее, вам необходимо добавить обработчик события для слайдера. Представим, что ваш слайдер имеет класс "slider" и использует библиотеку для создания слайдов, например, Swiper.js. В этом случае, вы можете добавить обработчик для события "slideChange", который будет вызван при изменении слайда:
const slider = new Swiper('.slider', { // конфигурация слайдера }); slider.on('slideChange', function() { // код, который будет выполняться при изменении слайда });
3. Внутри обработчика события, вы можете добавить класс к пагинации. Например, вы можете использовать метод classList.add()
для добавления класса "active" к пагинации:
slider.on('slideChange', function() { pagination.classList.add('active'); });
Теперь, когда слайд изменится, класс "active" будет добавлен к элементу пагинации. Вы можете использовать этот класс для стилизации активного элемента пагинации.
Обратите внимание, что в представленном примере используется библиотека Swiper.js для создания слайдера, но вы можете адаптировать код для любой другой библиотеки или собственной реализации слайдера.