Tipsy: des tooltips sexy avec jQuery

Il y a pratiquement 1 an maintenant je vous avez montré comment créer vos propres infos-bulles en jQuery, aujourd’hui je vous présente un plugin vraiment sympa qui permet de faire très simplement des infos-bulle (ou tooltips) similaire à celles qu’on peut trouver sur Facebook ou encore Twitter.

Tipsy est donc un plugin jQuery, vraiment très simple à mettre en place, avec pas mal d’options possible pour l’animation des infos-bulles, comme par exemple l’orientation de celles-ci (nord, sud, est, ouest, etc.), la façon dont elles apparaissent et pas mal d’autres choses.

Comment l’implémenter sur votre site?

C’est super simple, il suffit d’inclure la librairie jQuery en plus de Tipsy dans votre site, sans ça le plugin ne fonctionnera pas, ça tombe sous le sens mais je le dis quand même. Ensuite, il suffit d’initialiser le plugin de la façon suivante :

$('a').tipsy();

Ce petit bout de code appliquera le plugin Tipsy à tout les liens de la page. Enfin, pour que le plugin soit effectif, il faut bien entendu renseigner l’attribut title de vos liens.

Aller plus loin avec Tipsy

Pour voir les différentes options de personnalisation, les exemples d’utilisation et télécharger Tipsy, rendez-vous sur le site du plugin.