Sudo Slider jQuery Plugin - Back to basics demo
The most basic slider you can create with this plugin.
Usage
This is everything you need.
First include the javascripts
<script type="Text/Javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
The Javascript to start it.
<script type="text/javascript" >
$(document).ready(function(){
$("#slider").sudoSlider();
});
</script>
The CSS
#slider {
width:696px;
}
#slider img{
border:none;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li {
width:696px;
overflow:hidden;
}
The HTML
<div id="slider" >
<ul>
<li><img src="images/01.jpg" alt="image description"/></li>
<li><img src="images/02.jpg" alt="image description"/></li>
<li><img src="images/03.jpg" alt="image description"/></li>
<li><img src="images/04.jpg" alt="image description"/></li>
<li><img src="images/05.jpg" alt="image description"/></li>
</ul>
</div>
