wSlide - test con effetti

/!\ Altre pagine di demo: wSlide - test semplice | wSlide - test avanzati
/!\ Non dimenticarsi di integrare i files jquery.easing.js (Auteur)
/!\ Per gli stili css di esempio, guardare il codice sorgente di esempio; essi sono separati in maniera distinta.



Esempio base

Codice e spiegazione

Simile all'esempio wSlide - test semplice | esempio 1, ma con una durata di 2 secondi ed un effetto di rebound (rimbalzo).

$("#parent1").wslide({
	width: 450,
	height: 200,
	duration: 2000,
	effect: 'easeOutBounce'
});


Esempio 2

Codice e spiegazione

Come nell'esempio wSlide - test semplice | esempio 2, il seguente esempio ha una durata di 4 secondi ed un effetto elastico.

$("#parent2").wslide({
	width: 250,
	height: 250,
	pos: 4,
	horiz: true,
	duration: 4000,
	effect: 'easeOutElastic'
});


Esempio 3

Codice e spiegazione

Uguale all'esempio wSlide - test semplice | esempio 3, ma con una durata di 4 secondi ed un effetto di rallentamento.

$("#parent3").wslide({
	width: 250,
	height: 300,
	col: 4,
	autolink: 'menu3',
	duration: 4000,
	effect: 'easeOutExpo'
});



/!\ Altre pagine di demo: wSlide - test semplice | wSlide - test avanzati
/!\ Non dimenticarsi di integrare i files jquery.easing.js (Auteur)
/!\ Per gli stili css di esempio, guardare il codice sorgente di esempio; essi sono separati in maniera distinta.

Torna all'articolo