Une infobulle en Jquery

Vous vous rappelez de la balise ALT sur vos images qui affichent un petit texte explicatif de l’image ? Peut mieux faire…

Jquery permet l’affichage d’une info bulle que vous paramétrez toalement, l’effet de transition CSS 3 en plus..

1. Par défaut le CSS fait en sorte que la popup est cachée
2. onrollover Jquery va créer m’aniation de l’apparition de la poup
3. onmouseout idem, la popup se cache
Le CSS et html se compose de 2 DIV : 1 pour le bloc et 2eme pour le texte qui s’affichera dans la popup

<div>
<img src="http://mysite.com/path/to/image.png" />
<div> <!-- le texte pour la popup ici --> </div>
</div>

Toute l’info ici : http://jqueryfordesigners.com/coda-popup-bubbles/

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *