可以通过以下步骤实现:
<div class="slider">
<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
</div>
$('.slider').slick();
var currentSlide = 0;
$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
// 更新当前幻灯片的索引
currentSlide = nextSlide;
});
<div class="slider">
<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
</div>
<div class="slider-count"></div>
$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
// 更新当前幻灯片的索引
currentSlide = nextSlide;
// 更新幻灯片计数的显示内容
$('.slider-count').text('当前幻灯片:' + (currentSlide + 1) + ' / ' + slick.slideCount);
});
通过以上步骤,就可以在slick.js中添加幻灯片计数功能了。每次切换幻灯片时,计数会自动更新显示当前幻灯片的索引和总幻灯片数量。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云