Hello, I’m Vinch

And this is my website.

Reproduire l’effet Apple.com grâce à un plugin jQuery

12/05/10

This post is more than 6 years old. It might not reflect my current skills and convictions.

Ceux qui me suivent sur Twitter ont pu le découvrir en exclusivité (pour rappel, je suis vinch01 sur Twitter), j’ai écrit mon premier plugin jQuery pour reproduire l’effet qu’on a pu voir récemment sur le site Apple.com (nouveau MacBook Air, les Beatles sur iTunes, etc.)

Si vous ne voyez pas ce que je veux dire, allez jeter un oeil à la vidéo ci-dessous :

Le fonctionnement de mon plugin est assez simple. J’ajoute quatre blocs (avec un z-index relativement élevé) autour du bloc cible et je fais un fadeOut() sur ces blocs après un temps défini.

Vous pouvez télécharger le plugin sur cette page et y trouver toutes les informations utiles qui vont avec. Je n’ai pas défini de licence claire mais libre à vous d’en faire ce que vous voulez. Je me ferai un plaisir de l’adapter en fonction de vos remarques et conseils.

J’espère que cela vous sera utile. Pour nous, en tout cas, ça le sera sans doute très prochainement.

6 comments

Leave a comment