Как выводить номер текущего слайда?

Question

[zwezew]

Как выводить номер текущего слайда в slick?
Пробовал делать так:

slider.on('beforeChange', function(event, slick, currentSlide, nextSlide){
			console.log(currentSlide);
		});

Выводит странно - например, листаю слайдер вперед, идут индексы 0, 1, 2, нажимаю назад - идет 3 и уже при следующем нажатии на "назад" возвращается 2.

Answer 1

[0xD34F]

Вместо beforeChange используйте afterChange. Или nextSlide вместо currentSlide. Потому что currentSlide в beforeChange - это тот, с которого вы уходите, т.е., сейчас вы выводите номер слайда с опозданием на один шаг.

Comments

[FRoOG]

А что мешает сделать так +1 просто ?
console.log(currentSlide + 1);
допустим если nextSlide нету и infinite: true не стоит, хотя я фигню сморозил

[Владимир Куликов]

$('.block1_content_right_absolute_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
    currentSlide+1;
    if(currentSlide <= 8){
        let number_slider_nav_index = (currentSlide +1)
        $('.block1_content_right_absolute_number span').text('0'+number_slider_nav_index);
    }else{
        $('.block1_content_right_absolute_number span').text(currentSlide +1);
    }
});

Спасибо за ответ, помогло :)