在slick幻灯片中获取上一张幻灯片索引,可以通过以下步骤实现:
<div class="slider">
<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
</div>
$('.slider').slick({
// 配置选项
});
$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
var previousSlideIndex = (currentSlide === 0) ? slick.slideCount - 1 : currentSlide - 1;
console.log('上一张幻灯片索引:', previousSlideIndex);
});
在上述代码中,我们使用了slick的beforeChange
事件来监听幻灯片切换前的事件。在事件回调函数中,我们通过判断当前幻灯片索引是否为0来确定上一张幻灯片的索引。如果当前幻灯片索引为0,则上一张幻灯片索引为幻灯片总数减1,否则上一张幻灯片索引为当前幻灯片索引减1。
这是一个基本的实现方法,你可以根据具体的需求和使用的库进行相应的调整和扩展。
领取专属 10元无门槛券
手把手带您无忧上云