간단하게 사이클을 돌릴 수 있는 jQuery기능 Slick
<div class="slide_banner" id="banner1">
<ul class="slider bg_cy">
<li><a href="#" target="_blank" style="background: url('aaa.png') repeat"><img src="bbb.png" alt="" /></a></li>
<li><a href="#" target="_blank" style="background: url('aaa.png') repeat"><img src="bbb.png" alt="" /></a></li>
<li><a href="#" target="_blank" style="background: url('aaa.png') repeat"><img src="bbb.png" alt="" /></a></li>
</ul>
</div>
<script>
$('#banner1 > .slider').slick({
autoplay: true,
dots: true,
infinite: true,
speed: 300,
prevArrow:'',
nextArrow:''
});
</script>
'Development > Javascript, jQuery' 카테고리의 다른 글
[jQuery] 탭버튼 활성화와 Div 활성화 (0) | 2017.06.19 |
---|---|
[javascript] 고정 레이어 스크립트 처리 (0) | 2017.06.16 |
[Jquery] selector 정리 (셀렉터) (0) | 2017.05.29 |
bxSlider 사용하기 (0) | 2017.05.23 |
[Angular] 익스플로러에서 angular 사용하기 (0) | 2017.04.27 |