Bonjour, je cherche à réaliser des rollovers sur une carte (départements par exemple) en css ou javascript. J'ai essayé plusieurs methodes mais au bout d'un moment je m'y perds. Quelqu'un aurait il un script pour faire ça? Merci d'avance.
Modifié par leo3c (05 Jul 2005 - 11:03)
Pour des cartes de département/pays, l'utilisation des feuilles de style risque d'être délicat, pour ne pas dire quasi-impossible à cause des frontières rarements droites.

Le javascript, bien que ce soit concevable n'est pas non plus très adapté puisque ce langage est fait pour apporter un "plus" à ses pages Web, dans ce cas précis, les internautes ayant désactivé le Javascript n'auront donc pas accès à la totalité du contenu, c'est un gros point négatif.

Bien que je n'apprécie pas trop le flash, je pense que dans ce genre d'application il sera bien mieux adapté que les CSS ou le Javascript.
Je n'ai jamais dis le contraire, mais les CSS sont, à la base, des propriétés pour les éléments d'une page, je doute qu'ils soient très appropriés ici, mais bien entendu, si leo3C souhaite utilisé les CSS, c'est faisable, mais difficilement je pense.
Je viens d'aller voir! et surprise c'est en anglais. Je vais surement exagéré mais quelqu'un pourait me traduire svp (JulienL???)ça pourait servir à d'autres aussi, merci encore JulienL et GaylordP pour vos réponses, si il y a d'autres idées. Mais celle ci m'interresse.
Je vais quand meme me pencher dessus mais je ne suis pas trop copain avec l'anglais.
leo3c a écrit :
Je viens d'aller voir! et surprise c'est en anglais. Je vais surement exagéré mais quelqu'un pourait me traduire svp (JulienL???)ça pourait servir à d'autres aussi, merci encore JulienL et GaylordP pour vos réponses, si il y a d'autres idées. Mais celle ci m'interresse.
Je vais quand meme me pencher dessus mais je ne suis pas trop copain avec l'anglais.


Hop
http://pompage.net/pompe/sprites/
Merci pour vos reponses!
J'ai trouvé une solution, un peu lourde peut être mais ça marche. Je ne laisse pas tomber les autres pour autant.

J'ai mis ma carte dans une div générale puis j'ai appliqué dessus mes départements découpés (photoshop7) dans des div individuelles (1 div par département) selection d'une zone réactive sur ce département et une image permutée (rollover) avec un lien vers une autre page. et voila surement lourd mais bon ça marche pour l'instant en attendant d'avoir une solution plus propre.

Exemple pour un département:

<div align="center"style=" position:absolute; width:708px; height:455px; top:100px;"><img src="carte_generale.gif" width="708" height="455">
<div style="position:absolute; left: 62px; top: 61px;"><img src="mon_departement.gif" name="Image1" width="300" height="300" hspace="0" vspace="0" border="0" usemap="#Map" id="Image1">
<map name="Map">
<area shape="poly" coords="146,117,180,126,164,191,123,177" href="autre page.html" onMouseOver="MM_swapImage('Image1','','mon_departement.gif',0)" onMouseOut="MM_swapImgRestore()" >
</map></div>
<--de meme pour les autres départements-->
</div>

Le but était d'avoir une carte de fond divisé en départements (ou régions dans mon cas) avec un rollover (effet d'éclairage) sur chacun + un lien.
Super ton lien Olivier! c'est exactement ce que je cherchais. Je vais me pencher dessus. Merci encore.
leo3c a écrit :
Super ton lien Olivier! c'est exactement ce que je cherchais. Je vais me pencher dessus. Merci encore.

C'est le même que celui de Julien mais traduit en français Smiley cligne