728x90
slick 이미지 슬라이드 dots 디자인 바꾸는 법
customPaging을 하지 않은 기본 dots입니다.
customPaging : function(slider, i){
return i+1 + '/' + slider.slideCount;
}
현재 페이지 수를 나타내는 i는 인덱스 0부터 시작하기 때문에
1부터 시작하기 위해서 i + 1 해줍니다.
slider.slideCount는 전체 페이지 수를 나타냅니다.
해당 페이지만 보이기 위해서
모든 페이지를 display : none 해주고
.slick-active
해당 페이지는 display : block; 해줍니다.
728x90
