Voici un tout nouveau Slider jQuery ultra léger (5Ko seulement) avec 9 transitions différentes.
Nivo Slider est un plugin jQuery ultra léger (5kb compressé) pour créer des animations/diaporamas du plus bel effet.
Le plugin permet d’afficher les boutons suivant/précédent et une navigation pour accéder directement au slide choisit.
Pour les transitions il est possible d’en choisir une ou de les avoir toutes de manière aléatoire
Bien sûr l’on peut définir le nombre d’images, la vitesse d’animation et les temps de pause.
Exemple (dans le HEAD)
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random',
slices:15,
animSpeed:500,
pauseTime:3000,
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
beforeChange: function(){},
afterChange: function(){}
});
});
</script>
ensuite dans le body :
<div id="slider">
<img src="images/slide1.jpg" alt="" />
<img src="images/slide2.jpg" alt="" />
<img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="images/slide4.jpg" alt="" />
</div>
Nécessite bien sûr jQuery
Compatible avec la plupart des navigateurs web excepté IE6
Site Web: http://nivo.dev7studios.com/