[Code + Cours] Image MAP

Qu'est-ce qu'une image MAP ?
"C'est une image dont une partie est utilisée comme lien hypertexte. Une image réactive est ainsi nommée car elle se trouve divisée en plusieurs zones qui correpondent chacune à un lien hypertexte."

Comment faire une image MAP ?
Pour cela il faut tout d'abord une image (logique) et un code.
Donc voici le code :

Code:: <img src="URL DE L'IMAGE"style="border: 0px solid; width: LARGEUR DE L'IMAGEpx; height: HAUTEUR DE L'IMAGEpx; float: left;" usemap="#NOM DE L'IMAGE MAP"/>
<map name="NOM DE L'IMAGE MAP (MEME CHOSE QU'AU DESSUS)">
<area alt="TEXTE ALTERNATIF DU LIEN" coords="NOMBRE DE PX DU DEBUT DU LIEN A PARTIR DE LA GAUCHE,NOMBRE DE PX DU DEBUT DU LIEN A PARTIR DU HAUT DE L'IMAGE,NOMBRE DE PX DE LA FIN DU LIEN A PARTIR DE LA GAUCHE DE L'IMAGE ,NOMBRE DE PX DE LA FIN DU LIEN A PARTIR DU HAUT DE L'IMAGE" href="URL DU LIEN">
</map>

Tout ce qui est en majuscules est à remplacer !

Ok avec les coordonnées ça a l'air compliqué. Donc voici un schéma que j'ai fait pour vous éclairer :
[Code + Cours] Image MAP Map_co10

Si vous souhaitez faire plus qu'un lien sur votre image MAP ajouter ceci autant de fois désiré avant la balise de fin :

Code:: <area alt="NOM DU LIEN" coords="...,...,...,..." href="URL DU LIEN">

(Le détail des coordonnées n'est pas présent pour plus de clareté)

» [Code] Rollover sur une image
» [Cours / Code] Faire une feuille de style en CSS
» Image de fond
» [Commande] Image de bienvenue
» [Commande] Image de bienvenue