Par rapport à jcarousel, jcarousel Lite supprime les contraintes du skin Vous pouvez personnaliser les boutons avant et arrière et les boutons d'onglets. Le HTML généré est plus concis et le fichier est plus petit (2k).
Lien de téléchargement :
Comment utiliser : http://www.gmarwaha.com/jquery/jcarousellite/
Copiez le code comme suit :
<div>
<ul>
<li></li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".Nom de la classe").jCarouselLite({
btnSuivant : ".next",
btnPrev : ".prev",
//btnGo : [".1", ".2"], //Personnaliser l'onglet de position de défilement, dans l'ordre du tableau
//auto : 2000, //Spécifiez le nombre de millisecondes de défilement automatique périodique. La valeur par défaut est nulle
//vitesse : 800, //Vitesse glissante, vous pouvez essayer 800 1000 1500
//vertical:false, //S'il faut faire défiler verticalement, false par défaut
//circular:true, //S'il faut faire défiler de manière circulaire, la valeur par défaut est true
//visible:3, //Le nombre visible d'éléments peut être un nombre décimal, par exemple 2,5 est 2,5 li
//scroll:1, //Le nombre de li défilé à chaque fois
//start:0, //Le lieu de départ, la valeur par défaut est 0
//beforeStart:function(){} //Fonction rappelée au démarrage du défilement
//afterEnd:function(){} //Fonction rappelée à la fin du défilement
});
});
</script>