JQuery Cycle 2 Manual

by Laurie

HTML

<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="0" data-cycle-prev="#prev" data-cycle-next="#next">
    <img src="http://lorempixel.com/400/200/sports/1/">
    <img src="http://lorempixel.com/400/200/sports/2/">
    <img src="http://lorempixel.com/400/200/sports/3/">
    <img src="http://lorempixel.com/400/200/sports/4/">
</div>
<div> <a href=# id="prev">Prev</a>  <a href=# id="next">Next</a>

</div>

CSS

.cycle-slideshow{
    width:400px;
}