Slider jQuery NivoSlider

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/

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

17 − 13 =

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?