image mappé

Eléphant du PHP | 150 Messages

09 avr. 2011, 00:59

bonsoir je ne sait pas si dans ce forum vous traitez ces sujet la ,
mais j'ai vue que vous ete tres caler en prog

j'ai cree une image mapper jusque la tout vas bien et je souhaiterais que quant je passe avec la souris sur une zone (chaude) une petite photo en "pop up" apparaisse

une photo choisi et differente pour chaque zone chaude
voici un partie du code

<area shape="poly" alt="" coords="668,1,667,104,771,107,770,4" href="mon_lien.html" title="ville a"  />
<area shape="poly" alt="" coords="416,3,517,3,517,107,415,107" href="#" title="emplacement disponible"  />
<area shape="poly" alt="" coords="771,3,771,108,874,105,874,3" href="#" title="emplacement disponible"  />
<area shape="poly" alt="" coords="313,4,416,3,416,108,313,107" href="#" title="emplacement disponible"  />
<area shape="poly" alt="" coords="975,1,975,106,873,104,873,1" href="#" title="emplacement disponible"  />
<area shape="poly" alt="" coords="209,4,209,106,312,105,313,4" href="#" title="emplacement disponible"  />
j'ai essayer avec "onmouseover= " sa ne fait rien

"img src=" ne fontionne pas avec les image mappé

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

09 avr. 2011, 11:01

C'est d'avantage une question javascript que php.

Tu es sur la bonne voie avec le onmouseover, c'est effectivement l'événement qui va te permettre de détecter le passage de la souris sur la zone mappée.

A partir de la il te faut créer un script pour afficher ton image en popup, qui sera appelé dans le onmouseover :)

(onmouseout te permettra de détecter le départ de la souris et donc de masque l'image)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...