Slick 슬라이더 및 점의 수

Question

점을 현재/총 슬라이드 수 (3/5)로 바꾸는 방법에 대한 여러 답이 나왔습니다. 그러나 점을 유지하는 것이 가능한지, 점의 끝에서 현재/총 슬라이드 수를 추가하는지 찾지 못했습니다.

그럴 수 있습니까?

Answer 1

매개 변수를 추가하면 dots: true에 점과 현재 및 전체가 표시됩니다.

예 :

HTML :

<div class="slideshow"> 
    <img src="http://lorempixel.com/500/250" /> 
    <img src="http://lorempixel.com/500/251" /> 
    <img src="http://lorempixel.com/500/249" /> 
</div> 

자바 스크립트 :

$('.slideshow').slick({ 
    slide: 'img', 
    autoplay: true, 
    dots: true, 
    dotsClass: 'custom_paging', 
    customPaging: function (slider, i) { 
     //FYI just have a look at the object to find aviable information 
     //press f12 to access the console 
     //you could also debug or look in the source 
     console.log(slider); 
     return (i + 1) + '/' + slider.slideCount; 
    } 
}); 

는 또한 전에서이 코드를 가지고 바이올린을 가지고, 자세한 내용이 게시물을 확인합니까. Slick.js: Get current and total slides (ie. 3/5)