How to display current slide number in slick?

Question

JavaScript

How to display current slide number in slick?
Tried to do so

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

But the output is strange - for example, I scroll the slider forward, the indexes 0, 1, 2 go, I press back - 3 goes and the next time I click on "back" 2 returns.

Answer 1

Use afterChange instead of beforeChange. Or nextSlide instead of currentSlide. Because the currentSlide in beforeChange is the one you're leaving from, i.e. you're now displaying the slide number one step late.