Cycle2
Cycle2 기본
lee70
2019. 9. 27. 17:45
See the Pen Cycle2 by leesunho70 (@leesunho70) on CodePen.
<div style="width:600px; height:450px;">
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-timeout=0
data-cycle-prev="#prev"
data-cycle-next="#next"
>
<img src="http://malsup.github.io/images/p1.jpg" width="300">
<img src="http://malsup.github.io/images/p1.jpg" width="300">
<img src="http://malsup.github.io/images/p1.jpg" width="300">
<img src="http://malsup.github.io/images/p1.jpg" width="300">
<img src="http://malsup.github.io/images/p1.jpg" width="300">
</div>
<div class="center" style="margin-top:5px;">
<a href=# id="prev"><<<<></a>
<a href=# id="next">>>>></a>
</div>
</div>