|

ImageMap (page1) : Balises

Thème

Réalisation d'une "ImageMap", c'est-à-dire d'images cliquables ("hyper-images" ou images actives, basées sur images GIF ou JPEG).
Seule la technique des "client-side" ImageMap est abordée ici, c'est-à-dire les ImageMaps entièrement définies dans la page HTML et interprétées au niveau du client (browser) (par oposition aux "server-side" imagemaps, en voie de disparition, définies au niveau du serveur).
La technique des ImageMaps est courammenent utilisée pour définir des interfaces-utilisateurs graphiques sur le Web (barres de navigation...).

Pour fabriquer la "Map" de l'image (définition des zones sensibles par relève de coordonnées) on fait généralement usage de logiciels auxiliaires tels que, sous Windows, le shareware "LiveImage" ou son prédécesseur freeware "MapTHIS! 1.2".
On peut aussi relever ces coordonnées par des logiciels de dessin-raster classiques tels que "PaintShop Pro" sous Windows, "XV" sous Unix, etc...

Attention ! les client-side ImageMaps sont supportées à partir des versions de browsers Netscape 3 et IExplorer 3

Balises

• Insertion image dans page :

  <img src="URL de l'image" usemap="#map_name" alt="" border="nb.pixels">
  

• Définition imagemap :

  <map name="map_name">
   <area shape="circle" coords="x_centre,y_centre,rayon" href="URL">
   <area shape="rect" coords="x_hautgauche,y_hautgauche,x_basdroite,y_basdroite" href="URL">
   <area shape="poly" coords="x1,y1,x2,y2,...,xn,yn" href="URL">
   <area shape="default" href="URL">
  </map>
  

|