Animation des images contenues dans une division [Résolu]

psychozx · 31/05/2011, 14h40

Bonjour à tous,
Je cherche à réaliser une animation de ce type : http://themetrust.com/demos/filtered/

Je parviens à faire que lorsque l'on clique sur un menu, seules les images qui correspondent s'affichent, mais je ne vois pas comment faire pour "déplacer" les images comme dans l'exemple ci-dessus...
Quelqu'un aurait-il une idée ?

Merci d'avance !

masta_ · 31/05/2011, 15h56

voir ce tutorial exemple 9

psychozx · 31/05/2011, 16h47

...
Je parlais de la partie où on clique sur "All", "Branding", "Illustration", (...) et pas du bandeau en dessous du titre....

Si c'est bien ce que tu avais compris, alors je ne vois pas bien comment adapter le lien que tu m'as passé à mon problème...

danielhagnoul · 31/05/2011, 22h13

Bonsoir

API jQuery : http://api.jquery.com/animate/

psychozx · 31/05/2011, 23h05

Bonsoir,

J'ai finalement réussi à trouver l'astuce en épluchant le code source de la page.
La voici : http://razorjack.net/quicksand/

Merci à tous !

31/05/2011, 14h40	#1
psychozx Invité de passage Inscription : mars 2011 Messages : 4 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : mars 2011 Messages : 4 Points : 0 Points : 0	Animation des images contenues dans une division Bonjour à tous, Je cherche à réaliser une animation de ce type : http://themetrust.com/demos/filtered/ Je parviens à faire que lorsque l'on clique sur un menu, seules les images qui correspondent s'affichent, mais je ne vois pas comment faire pour "déplacer" les images comme dans l'exemple ci-dessus... Quelqu'un aurait-il une idée ? Merci d'avance !
	00

31/05/2011, 15h56	#2
masta_ Invité de passage mustapha habaa Développeur informatique Inscription : octobre 2010 Messages : 8 Détails du profil Informations personnelles : Nom : mustapha habaa Informations professionnelles : Activité : Développeur informatique Secteur : Communication - Médias Informations forums : Inscription : octobre 2010 Messages : 8 Points : 4 Points : 4	album photo voir ce tutorial exemple 9
	00

31/05/2011, 16h47	#3
psychozx Invité de passage Inscription : mars 2011 Messages : 4 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : mars 2011 Messages : 4 Points : 0 Points : 0	... Je parlais de la partie où on clique sur "All", "Branding", "Illustration", (...) et pas du bandeau en dessous du titre.... Si c'est bien ce que tu avais compris, alors je ne vois pas bien comment adapter le lien que tu m'as passé à mon problème...
	00

31/05/2011, 22h13	#4
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonsoir API jQuery : http://api.jquery.com/animate/ __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

31/05/2011, 23h05	#5
psychozx Invité de passage Inscription : mars 2011 Messages : 4 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : mars 2011 Messages : 4 Points : 0 Points : 0	Bonsoir, J'ai finalement réussi à trouver l'astuce en épluchant le code source de la page. La voici : http://razorjack.net/quicksand/ Merci à tous !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email