[ JQUERY ] [slick] 현재 페이징 번호 노출
작성일 20-07-28 00:43
페이지 정보
작성자IPFT 조회 87,063회 댓글 1건본문
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/slick.min.js"></script>
<!-- slick 다운로드 경로는 하단에서 확인해주세요 -->
$(".slider_box").slick({
autoplay: true,
autoplaySpeed: 50000,
speed: 500,
dots: true,
arrow: false,
customPaging : function(slider, i) { //이부분이 제일 중요!!!!
var thumb = jQuery(slider.$slides[i]).data();
// return '<a>'+(i+1)+'</a>'; // <-- old
return '<a><span class="now_pagi">'+('0'+(i+1)).slice(-2)+'</span> <span class="dotmaxnum total_pagi"></span></a>'; // <-- new
}
});
$('.dotmaxnum').html("0"+$(".slick-dots > li").size());
관련링크
- https://kenwheeler.github.io/slick/ 1591회 연결