Eklablog Tous les blogs
Editer la page Suivre ce blog Administration + Créer mon blog
MENU

Publicité

image cliquable forum

Principe (utiliser l'aide contextuelle)
Lancer GIMP > Ouvrir l'image à rendre cliquable > Filtre > web > image cliquable web
Ensuite dans la fenêtre qui s'est ouverte, délimiter une par une les zones à cliquer (avec double clic pour terminer un tracé), renseigner les données et enregistrer.
Cela va générer un fichier .map (en fait un fichier texte) à coller dans le code source <>

Exemple rapide et incomplet réalisé sur l'image présentée (remplacer "url de l'image" et "url cible" des liens.

<img src="Mettre ici l'adresse de l'image cliquable" width="350" height="272" border="0" usemap="#map1" />
<map name="map1">
<area shape="poly" coords="7,48,42,58,62,50,65,54,65,76,85,119,106,144,87,159,80,171,80,180,95,187,108,206,91,224,62,212,41,214,55,204,37,181,33,163,34,125,14,92" href="Mettre ici l'adresse de la cible manche" />
<area shape="poly" coords="83,95,108,98,140,104,162,113,199,96,211,95,216,162,189,167,164,181,137,171,102,178,103,184,82,175,107,141,79,96,86,102" href="Mettre ici l'adresse de la cible calavdos" />
<area shape="poly" coords="104,185,124,175,138,179,169,187,194,177,208,171,220,170,253,196,266,228,259,269,251,270,218,238,177,246,161,214,120,233,102,230,119,205,121,213" href="Mettre ici l'adresse de la cible orne" />
<area shape="poly" coords="216,90,222,159,243,183,266,192,296,185,310,184,321,159,321,148,339,134,343,109,316,94,290,106,273,116,262,100,247,97,232,86" href="Mettre ici l'adresse de la cible eure" />
<area shape="poly" coords="211,90,185,82,188,54,218,45,265,27,303,20,312,6,333,25,342,50,338,70,340,96,300,88,276,107,262,91,242,84,211,81,187,81" href="Mettre ici l'adresse de la cible seine-maritime" />
</map>

 

Image Fixe utilisée (350x272)

image cliquable forum

Publicité
Retour à l'accueil
Partager cette page
Repost0
Pour être informé des derniers articles, inscrivez vous :