Aide:Image Map HTML

Cet article n'est pas fini. Son état est provisoire et vous pouvez nous aider à l'améliorer.

Les image-maps permettent d'ajouter à une image, des zones réactives sous forme de liens, cette technique peut être utilisée par exemple pour la construction de menus graphiques.
Une zone réactive peut être un rectangle, un polygone ou un cercle et elle doit être repérée de façon précise grâce à des coordonnées. Ces coordonnées sont mesurée à partir du pixel supérieur gauche de l'image et fonctionne par couple (x,y), voici les coordonnées à fournir suivant les types:

• rect : coin supérieur gauche, coin inférieur droit
• circle : centre (x,y) et rayon
• polygon : liste des sommets du polygone sous la forme x,y

On peut se faire chevaucher plusieurs zones, pour celà, il faut déclarer en premier les zones de premier plan.

<htmlmap>
[Lien vers l'image http://www.xxx.com/xxx.jpg|Texte alternatif|Largeur|Hauteur]
{rect|10,10,50,50|Lien http://www.xxx.com|Texte du lien}
{polygon|10,10,50,50,60,10|Lien http://www.xxx.com|Texte du lien}
{circle|10,10,50|Lien http://www.xxx.com|Texte du lien}
</htmlmap>

Exemple: Tyrie