[Slick Slider] 05. 정지버튼, 다시재생버튼

1. HTML 

<div class="container">
    <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="controler">
        <button class="play">시작</button>
        <button class="stop">정지</button>
    </div>
</div>

 

2. JS

$('.visual').slick({
	autoplay : true, 
	autoplaySpeed : 1000,
	arrows : false, 
}); 

$('.play').click(function(){
	$('.visual').slick('slickPlay');
});

$('.stop').click(function(){
	$('.visual').slick('slickPause');
});