光滑的滑块用数字替换点

我试图用数字而不是点替换Slick滑块/轮播分页.我有js小提琴的项目设置,我有一个自定义功能,显示当前幻灯片计数总共6.我目前只有'1'替换点,但我想有数字代表总数幻灯片.

JS小提琴演示

HTML

 
slide1
 
slide2
 
slide3
 
slide4
 
slide5
 
slide6

使用Javascript

$(".slider").slick({
autoplay: true,
dots: true,
customPaging : function(slider, i) {
var thumb = $(slider.$slides[i]).data();
return '1';
},
responsive: [{ 
    breakpoint: 500,
    settings: {
        dots: false,
        arrows: false,
        infinite: false,
        slidesToShow: 2,
        slidesToScroll: 2
    } 
}]
});

IanGabes.. 16

如果我抓住你的意思,改变这一行:

return '1';

对此:

return ''+i+'';

要么

return ''+(i+1)+'';

取决于您希望索引的起始位置.

这是您更新的小提琴:https://jsfiddle.net/rLLvvpcm/5/

如果我抓住你的意思,改变这一行:

return '1';

对此:

return ''+i+'';

要么

return ''+(i+1)+'';

取决于您希望索引的起始位置.

这是您更新的小提琴:https://jsfiddle.net/rLLvvpcm/5/