25 juil. 2010

Afficher une infobulle sur une photo

Une infobulle est un commentaire qui apparaît au survol de l'image par la souris. Il peut remplacer avantageusement une légende.

Vous notez l'adresse de votre image

Vous allez ensuite dans l'HTML de l'article

Vous y collez le code suivant
<IMG height=60 title="votre texte" alt="votre texte" src="http://Adresse image" width=60 height=60>
Vous inscrivez votre texte en rouge, l'adresse de votre image en bleu et les dimensions de l'image en vert (width:la largeur - height:la hauteur)

A chaque fois que la souris passera sur l'image, "votre texte" apparaîtra.

Mon exemple :

Mon texte : Ceci est un oeuf Fabergé

L'adresse de mon image : http://fdata.over-blog.com/0/37/17/67/thumbs/articles/oeuf1.jpg

J'obtiens le code suivant en HTML :
<IMG height=60 title="Ceci est un oeuf Fabergé" alt="Ceci est un oeuf Fabergé" src="http://fdata.over-blog.com/0/37/17/67/thumbs/articles/oeuf1.jpg" width=60>
et le résultat à l'affichage :

Ceci est un oeuf Fabergé

1 commentaire:

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)