如何在光滑的幻灯片中获取上一张幻灯片索引

Question

I am using the slick slider for my slides now I would like to get the previous slide index, I know how to get clicked slide index as follows

$('.carousel').on('afterChange', function() {
    var dataId = $('.slick-current').attr("data-slick-index");    
    console.log(dataId);
});

so how do I get the previous slide index using Jquery?

Answer 1

According to the Slick Event documentation the afterChange event accepts a currentSlide argument which is an integer value which is the index of the current slide. To get the index of the previous slide, subtract 1 from this value:

$('.carousel').on('afterChange', function(e, s, currentSlideIndex) {
  let previousSlideIndex = currentSlideIndex - 1;  
  console.log(previousSlideIndex);
});

Answer 2

the answer provided is wrong. should just use cached variable from

.on('beforeChange', function (event, slick, currentSlide, nextSlide) {}