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>