SnapSlide
SnapSlide is a jQuery plugin that turns a series of images into a simple slideshow.
Features
- Automatic slide transition
- Hover pauses auto slide
- Click goes to next slide
Demo
Instructions
1. Place a link to jQuery and the plugin on your page:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.snapslide.js"></script>
2. Then initalize SnapSlide and set the speed of the transition and the delay time between slides.
jQuery(function($) {
$("#slideshow").snapslide({
speed:300, // speed of transition in ms
delay:4000 // delay time between slides in ms
});
});
3. Add your HTML markup:
<div id="slideshow">
<img src="1.png">
<img src="2.png">
<img src="3.png">
</div>
