Le plugin kslider pour jQuery est un plugin qui permet de mettre en place un slideshow de plusieurs images très facilement avec ou sans miniatures. Le plugin se compose d’un petit fichier js de 4ko dans sa version minifiée. Le slider fonctionne avec la plupart des navigateur y compris IE7 !
Implémentation HTML :
<div id="kslider"> <div> <img src="img/1.jpg" alt="kslider" /> <img src="img/2.jpg" alt="kslider" /> <img src="img/3.jpg" alt="kslider" /> <img src="img/4.jpg" alt="kslider" /> <img src="img/5.jpg" alt="kslider" /> </div> <!--To use thumbnails, you can add a second div with them :--> <div> <img src="img/thumbs/1.jpg" alt="kslider" /> <img src="img/thumbs/2.jpg" alt="kslider" /> <img src="img/thumbs/3.jpg" alt="kslider" /> <img src="img/thumbs/4.jpg" alt="kslider" /> <img src="img/thumbs/5.jpg" alt="kslider" /> </div> </div>
Implémentation JS :
$(document).ready(function(){ $('#kslider').kslider(); });
Quelques demos et une petite documentation sont disponibles ici : Kslider
Projet disponible également sur GitHub
Une démo avec jsfiddle :