상세 컨텐츠

본문 제목

[Slick Slider] 04. appnedArrows, appendDots 사용법

JQuery Plug in

by kwanghyup 2021. 10. 26. 14:46

본문

1. HTML

<div class="continaer">
    <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>
<div>
    테스트 테스트 테스트 
</div>
<hr>
<div class="target_dots"></div>  <!-- 여기로 dots 옮김 -->
<div class="target_arrows"></div> <!-- 여기로 arrows 옮김-->

2. JS

<script>
    $('.visual').slick({
        autoplay : true, 
        autoplaySpeed : 1000,
        dots : true, 
        appendDots : $('.target_dots'),
        appendArrows : $('.target_arrows')
    }); 
</script>

 

저작자표시

'JQuery Plug in' 카테고리의 다른 글

[Slick Slider] 06. 이전 다음 버튼 직접만들기  (0) 2021.10.31
[Slick Slider] 05. 정지버튼, 다시재생버튼  (0) 2021.10.27
[Slick Slider] 03. 점으로 표현된 인디케이터 만들기  (0) 2021.10.26
[Slide Slick] 02. 슬라이더 컨트롤러 이전 다음 버튼 html문서에 재정의  (0) 2021.10.26
[Slide Slick] 01. 자동 슬라이더 기본 형태  (0) 2021.10.26

관련글 더보기

댓글 영역

티스토리툴바