Отображает текущий слайд и общее количество слайдов
Как сделать https://codepen.io/corvus-007/pen/KZZPoZ
Код:
var $slider = $('.slider');
if ($slider.length) {
var currentSlide;
var slidesCount;
var sliderCounter = document.createElement('div');
sliderCounter.classList.add('slider__counter');
var updateSliderCounter = function(slick, currentIndex) {
currentSlide = slick.slickCurrentSlide() + 1;
slidesCount = slick.slideCount;
$(sliderCounter).text(currentSlide + '/' +slidesCount)
};
$slider.on('init', function(event, slick) {
$slider.append(sliderCounter);
updateSliderCounter(slick);
});
$slider.on('afterChange', function(event, slick, currentSlide) {
updateSliderCounter(slick, currentSlide);
});
$slider.slick();
}