[html/css] Image mappée avec surbrillance

Fermé
johann04 Messages postés 3 Date d'inscription lundi 27 novembre 2006 Statut Membre Dernière intervention 6 février 2007 - 2 déc. 2006 à 22:39
 Kicoe - 28 oct. 2010 à 13:35
Bonjour,

Je voudrais faire une carte de France mappée par région, et où chaque région s'afficherait en surbrillance lors du passge de la souris (afin que l'utilisateur comprenne que son clic concerne la région et non pas autre chose)
Quelqu'un aurait-il une bonne méthode pour cela fonctionne correctement sur IE6 et Mozilla?

J'ai déjà obtenu un bon résultat de la manière suivante, mais cela bugue avec mozilla:
-J'affiche la carte avec <img ... style="position:absolute;left=...;top=...;">, puis pour chaque région (c.à.d. 21 régions)un gif transparent de mêmes dimensions que la carte aussi en position:absolute
-pour chaque région, un <map area ... onmouseover="%Affichage du gif corresopndant%" onmouseout="%Cache le gif correspondant%">

==>Cela fonctionne très bien avec IE6, mais avec Mozlila: au bout d'un certain temps la surbrillance s'arrête de fonctionner.

> HELP ME PLEASE !! <


A voir également:

4 réponses

Bulb Messages postés 63 Date d'inscription mercredi 22 novembre 2006 Statut Membre Dernière intervention 19 février 2008 18
5 déc. 2006 à 11:17
Bonjour, le plus simple à mon avis est d'utilisé Fireworks (il n'est pas gratuit mais si comme tout bon webcreateur tu t'es procuré Dreamlweaver tu devrais avoir Fireworks, je te fais un mini tuto:

1 ouvrir ton image dans Fireworks, utiliser l'outil plume (P) et tracer le contour de ta région.

quand ta forme est refermée tu peu faire un clic droit dessus, et faire 'insérer découpe polygonales' refait un clic droit dessus et la tu à acces aux particularités de ta découpe.
à toi d'alors changé l'aparence de ta découpe et de son survol, la cible du lien etc.

1
Bonjour,

Je déterre pour proposer un plugin jquery : maphilight. Une démo : http://davidlynch.org/js/maphilight/docs/demo_usa.html

Il n'y a rien de plus simple à utiliser...
1
Bjr, j'ai pas de solution à ton code dsl par contre com j'ai à peu prés le meme pb, pourrai tu me donner le code que tu utilises?merci
0
Bonjour,
Je suis actuellement en stage et moi aussi je dois mettre en surbrillance les régions quand on passe sur une région!Cependant je n'arrive pas a mettre en surbrillance quand on apsse dessus!
Es ce que tu pourrait me donner ton code pour que je vérifie avec le mien pour voir ou est l'erreur dans mon code!Ce serait simpa
Merci d'avance!

PS:Pour ton code qui ne s'affiche pas sur mozilla va voir se site https://forum.alsacreations.com/forum.php tu pourras sans doute trouver ton bonheur
0