3 février 2010

Tutorial jQuery : Créer un effet zoom+apparition de la légende sur une image

Tutorial jQuery : Créer un effet zoom+apparition de la légende sur une imageLe site tutsvalley nous propose un tutorial jQuery qui nous montre comment faire un effet bien sympathique sur une image :

Au survol de l’image, on effectue un zoom sur celui-ci et on fait apparaitre la légende sous forme de slide.


L’objectif est donc de réaliser ceci (au survol de l’image) :

Tutorial jQuery : Créer un effet zoom+apparition de la légende sur une image

Pour ce faire, le script utilise évidemment la méthode animate() pour réaliser les 2 effets souhaités .

Il joue sur les dimensions de l’image et sur son positionnement pour donner cet effet zoom. Pour la légende, c’est la méthode slideUp() qui est simplement utilisée.

Je vous laisse découvrir le code de ce script sur le site de tutsvalley.

Lien :

BlogBang

Aucun commentaire

Soyez le premier à commenter cet article !

Déposez un commentaire





Additional comments powered by BackType