[slick] 현재 페이징 번호 노출 > 학습

본문 바로가기

사이트 내 전체검색

443,646명이 방문해 주셨습니다.

[  JQUERY  ] [slick] 현재 페이징 번호 노출

작성일 20-07-28 00:43

페이지 정보

작성자IPFT 조회 87,795회 댓글 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());

댓글목록

또잉님의 댓글

또잉 작성일

우와~ 항상 다른 방법으로 페이징을 이용했었는데 새롭네요! 감사합니다~

Copyright © 소유하신 도메인. All rights reserved.