상세 컨텐츠

본문 제목

[Slick Slider] 06. 이전 다음 버튼 직접만들기

JQuery Plug in

by kwanghyup 2021. 10. 31. 05:38

본문

<div class="visual">
    <div><img src="img/visual_bg.jpg" alt=""></div>
    <div><img src="img/visual_bg2.jpg" alt=""></div>
    <div><img src="img/visual_bg3.jpg" alt=""></div>
</div>
<!-- 태그 정의 후  임의의 클래스를 지정한다.-->
<div class="indicaotr">
    <span class="prevArrow">이전</span>
    <span class="nextArrow">다음</span>          
</div>

 

$('.visual').slick({
  autoplay : true, 
  autoplaySpeed : 1000,

  // 지정한 클래스에 맞게 값을 지정한다.
  prevArrow : $('.prevArrow'), 
  nextArrow : $('.nextArrow'), 
});

관련글 더보기

댓글 영역