Discussion :

[crcom106]

Bonjour,

Le problème est a priori tout bête :

Hypothèse : j'ai une image GIF. Elle représente la carte de la France. Seuls les pourtours régionaux sont dessinés. Le fond est transparent. Je peux donc globalement modifier la couleur du fond à volonté.

Mon problème : Moi, je voudrais que quand je passe la souris sur une région, la couleur de fond situé derrière le polygone régional change et uniquement la couleur de fond de cette région survolée.

J'ai joué sur le style, le "onmouseover", mais sans résultat.
D'abord, est-ce possible et si quelqu'un a une solution simple ou éventuellement empirique, je suis preneur.
Merci

[ledisciple]

Bonjour

Autant que j'ai pu voir et tester le format gif ne gère pas la transparence ...

Pour ta mise en valeur de région :

dans ton area, tu mets des <a href> avec un # au pire ( je crois que le validateur l'accepte : à voir) ensuite tu définis une feuille de style interne ou externe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<AREA SHAPE="" COORDS="" HREF="#">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a:hover {
color:#fff; // tu définis la couleur que tu veux
}

Par contre je te conseille de définir une class pour chaque zone si tu veux une couleur pour chaque zone et pour éviter que ta feuille de style affecte chacun de tes liens.

un lien

http://cyberzoide.developpez.com/html/map.php3#moi

sinon, il te reste le javascript, mais bon ...