Анимация точек слайдера

Рейтинг: -1Ответов: 1Опубликовано: 24.01.2023

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

css javascript animate
Источник: Stack Overflow на русском

Ответы

▲ 0

Можно jQuery использовать:

.dot {
  transition: width 0.5s;
}

.active-dot {
  width: 20px;
}

$('.slider').on('slideChange', function() {
  $('.dot').removeClass('active-dot');
  var currentSlide = $('.slider').slick('slickCurrentSlide');
  $('.dot').eq(currentSlide).addClass('active-dot');
});