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

问题描述

我现在正在为我的幻灯片使用光滑的滑块我想获取上一个幻灯片索引，我知道如何获得点击的幻灯片索引，如下所示

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

那么如何使用 Jquery 获取上一张幻灯片的索引？

解决方法

根据 Slick Event documentation，afterChange 事件接受一个 currentSlide 参数，它是一个整数值，它是当前幻灯片的索引。要获得上一张幻灯片的索引，请从此值中减去 1：

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