Infobulle sur photo

Bonjour,
Mon site généalogique comporte une photo de famille avec sept personnages. Pour chaque visage, je voudrais définir une zone circulaire ou elliptique dont le survol par la souris ferait apparaître une infobulle chargée du nom du personnage correspondant.
Comment procéder ?
Merci.

Bonjour,
fais une recherche sur "html image maps".

Quelques liens :

Images et zones réactives
Image map et changement de couleur de l'area au survol
Une image map avec des infobulles CSS3 et jQuery

bonsoir,
Voila un exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 <HEAD> <MAP name="mamap"> <AREA href="URL1" shape="circle" coords="196,43,10" alt="txt a afficher dans l'infobull" title="texte a afficher dans l'infobulle"> <AREA href="URL2" shape="circle“ coords="151,22,10" alt="txt a afficher dans l'infobull" title="texte a afficher dans l'infobulle"> </MAP> ...... </HEAD <BODY> <IMG src="maphoto.jpg" alt="ma photo" title="ma photo" usemap="#mamap"> </BODY>
- shape="circle" est la forme de la zone, dans mon cas j'ai utilisé un cercle, si tu veux utiliser un rectangle:

Code:

<AREA shape="rect" href="URL" coords="x0,y0,x1,y1">.

- Les attributs alt et title de l'élément AREA peuvent être utilisés pour afficher une info-bulle lorsqu'on pointe sur la zone.
-

Code:

usemap="#mamap">

pour établir un lien entre la balise <IMG> représentant l'image et la carte(mamap).

Bon courage pour la suite.