comment creer une image MAP?

[El hassani walid]

Bonjours les amis , j'ai un probleme a creer un img MAP:
le probleme comment trouver les cordonné de l'image j'ai du mal a les trouver .
urgent...
merci

[El Maligno Angelo]

paint de windows biensur

[owenho]

Comment réaliser une "image map"
Nous allons d'abord préciser dans notre balise image que l'on utilise un "map" avec l'attribut usemap en précisant son nom.

Dans notre exemple nous baptiserons notre map «panneaux».
Notez bien l'ajout d'un dièze (#) avant le nom :

Code:

<img src="i/cours/panneau.gif" width="374" height="162" alt="Orientation" border="0" usemap="#panneaux" />

par exemple, L'image affichée est la suivante :



Nous allons ensuite ajouter une balise

[owenho]

voiçi un exempe de map hebergé :

http://hotfile.com/dl/17646102/e023b26/map.html

bon courage

[El hassani walid]

merci pour l'info
mais comment determiner les coordonner

[owenho]

j'ai deja dis ouvre la photo avec Paint et gliser la souris sur les point sur lesquelles vous souhaitez metté le map est les cordonnée sont apparaitre fdik la barre tehtaniya. ok

[El hassani walid]

hmm ici y a que 2 cordoné mais on doit ecrire 4 pour rect

[owenho]

hadouk les cordonnés du point noir ok c'est compris mainant.???

[El hassani walid]

dsl mais po encors : cry :

[owenho]

rani deja kateb flcours
les positions en x (horizontale) et en y (verticale) du point supérieur gauche, et du point inférieur droitd'un rectangle.

les cordoné de x + y .

[El hassani walid]

nn dsl tjrs po

[owenho]

daba ida khdina rectangle CONTACT comme dans la photo .
en prend le point superieur gauhe li3anda 92.19 et le point inferieur droit 261.66
ok

Code:

<area shape="rect" coords="92,19,261,66" href="page-contact.html" alt="Contact" />

[El hassani walid]

ah!! merci
je vais l'esseyer maintenant...

[owenho]

essayez et repond moi
Remarque :
la valeur de usemap doit etre comme name
code final:

Code:


<img src="i/cours/panneau.gif" alt="Orientation" width="374" height="162" border="0" usemap="#panneaux" /><map name="panneaux" id="panneaux"> 
 <area shape="rect" coords="92,19,261,66" href="page-contact.html" alt="Contact" />
  <area shape="circle" coords="314,105,44" href="page-faq.html" alt="FAQ" /> 
 <area shape="poly" coords="18,100,42,83,190,103,183,148,36,132" href="page-home.html"
alt="Accueil" /></map>


[El hassani walid]

je sais po ce ki m'arrive sa marche po bon je me suis surement tromper quelque par mais bon merci pour ton effort

[owenho]

essayez à nouveau

[El hassani walid]

t'inkiete c ce que je fais

[owenho]

hhhhhh
je veux que tu m'a dis c'est bon . ça marche tés bien .
britek tfham a jemi

[El hassani walid]

c un peu difficille pour le debut mais apres ca va s'amellioré avec le temps en tt cas merci de m'avoir donner du temps
en + c rare de trouver des gents ki aime donner les information jusqua que l'autre comprend
encors merci

[owenho]

pas de quoi M.El hassani

[Contenu sponsorisé]