7. Images en coordonnées (images maps)

Les images en coordonnées sont des images dont on peut utiliser une ou plusieurs partie(s) et y référencer un lien vers un endroit donné. Les coordonnées X=0 et Y=0 commencent à partir du coin gauche supérieur de l'image. Les régions cliquables sont soient des rectangles, des cercles ou des polygones.

a. Exemple 1

<MAP NAME="Menu1"> <AREA SHAPE="RECT" COORDS="0,0,80,20" HREF="referer.htm#a1"> <AREA SHAPE="RECT" COORDS="80,0,160,20" HREF="referer.htm#a2"> <AREA SHAPE="RECT" COORDS="160,0,240,20" HREF="referer.htm#a3"> </MAP> <IMG SRC="image.gif" WIDTH=240 HEIGHT=20 BORDER=0 ALT="map" USEMAP="#Menu1">

Résultat:

map

b. Exemple 2

<MAP NAME="FIGURE"> <AREA SHAPE="RECT" COORDS="20,20,108,60" HREF="referer.htm#a4"> <AREA SHAPE="CIRCLE" COORDS="107,90,28" HREF="referer.htm#a5"> <AREA SHAPE="RECT" COORDS="60,140,140,220" HREF="referer.htm#a6"> <AREA SHAPE="POLYGON" COORDS="170,45,170,170,225,100" HREF="referer.htm#a7"> </MAP> <IMG SRC="figure1.gif" WIDTH=240 HEIGHT=240 USEMAP="#FIGURE" border=0>

Résultat: