wSlide - tests avec effets

/!\ Revenir à la page d'accueil du plugin wSlide
/!\ Autres pages de demo: wSlide - tests sans effets | wSlide - tests avancés
/!\ N'oubliez pas d'integrer le fichier jquery.easing.js (Auteur)
/!\ Pour les styles css des exemples, explorez le code source de la page, ils sont écrit en dur et séparés distinctement !



Exemple basique

Code et explications

Idem que cet exemple, mais avec une durée de 2 secondes et un effet de rebond.
$("#parent1").wslide({
	width: 450,
	height: 200,
	duration: 2000,
	effect: 'easeOutBounce'
});


Exemple 2

Code et explications

Idem que cet exemple, mais avec une durée de 4 secondes et un effet elastique.
$("#parent2").wslide({
	width: 250,
	height: 250,
	pos: 4,
	horiz: true,
	duration: 4000,
	effect: 'easeOutElastic'
});


Exemple 3

Code et explications

Idem que cet exemple, mais avec une durée de 4 secondes et un effet de ralentissement.
$("#parent3").wslide({
	width: 250,
	height: 300,
	col: 4,
	autolink: 'menu3',
	duration: 4000,
	effect: 'easeOutExpo'
});



/!\ Revenir à la page d'accueil du plugin wSlide
/!\ Autres pages de demo: wSlide - tests sans effets | wSlide - tests avancés
/!\ N'oubliez pas d'integrer le fichier jquery.easing.js (Auteur)
/!\ Pour les styles css des exemples, explorez le code source de la page, ils sont écrit en dur et séparés distinctement !