DevZone – Zone de développement web

Le 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) :

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 :

• Making A Cool Thumbnail Effect With Zoom And Sliding Captions