我想知道是否有办法使用自定义光滑滑块点.当我搜索时,我所能找到的就是如何将幻灯片中的点变成缩略图的例子,但这不是我想要完成的.我只想使用自己的png图片进行主动和非主动点导航.我试过这个：

    $('.slick-dots li').html('<a href="#"><img src="slide-dot.png" /></a>');
    $('.slick-dots li.slick-active').html('<a href="#"><img src="slide-dot-active.png" /></a>');

但这不起作用,但我记得我之前做过类似的事情.我在这里错过了什么吗？

谢谢！

解决方法:

您只能使用CSS设置光滑点的样式,并避免使用内嵌图像：

使用背景图片：

.slick-dots li button {
    background: url(path/to/your-image.png);
    text-indent: -9999px;
    overflow:hidden;
    /* more CSS */
}

使用伪元素：

.slick-dots li button {
    font-size: 0;
    /* more CSS */
}
.slick-dots li button {
    content:url(path/to/your-image.png);
}