[html/css] Image mappée avec surbrillance Fermé

Question

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 , 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 ==>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 !! <

Bulb · Answer

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.

Julien · Answer

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

Steeven · Answer

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

Kicoe · Answer

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...

[html/css] Image mappée avec surbrillance

> HELP ME PLEASE !! <

4 réponses

Discussions similaires