Simple Slider

by Laurie

HTML

<script src="http://malsup.github.io/jquery.cycle.all.js"></script>
<div id="slideshow">
    
    <div style="width:250px; height:150px; background:red;"></div>
        <div style="width:250px; height:150px; background:blue;"></div>
        <div style="width:250px; height:150px; background:green;"></div>
        <div style="width:250px; height:150px; background:yellow;"></div>    
</div>
    <div id="prev" style="float:left;">PREV</div>
    <div id="next" style="float:right;">NEXT</div>

JavaScript

jQuery("#slideshow").cycle({
        fx: 'fade', //
        timeout: 6000, 
        delay:  -2000, 
        next: '#next',
        prev: '#prev'
        });