rendre des area map actives (opacite)

Question

Bonjour a tous, Apres 2 semaines de recherches infructueuses, je me decide a demander de l'aide. Deja a la base, en plus d'etre con, je debute donc voila mon probleme: Dans une page internet, je veux que mon image ait plusieurs liens et que quand la souris passe dessus, le lien en question change d'opacite (devient plus transparent). Ce qui compte, c'est l'efficacite donc peu importe la methode. Apres avoir cree des zones de mon image (a l'aide d'openoffice), je me sers des balises area map Je reussis a changer l'opacite d'une image entiere (avec onmouseover) mais pas pour les area (le hover du css ne fonctionne pas non plus malgre la creation de class ou de id dans l'area en question. D'ailleurs, j'ai l'impression qu'on ne peut attribuer des class ou des id aux areas) Par contre, j'arrive a creer 2 liens distincts pour chaque zone. Sur le net, j'ai vu des exemples qui préconise l'utilisation de plusieurs images mais sachant que c'est un concept que je veux reutiliser souvent, je cherche une solution intelligente. Je limite mon exemple a 2 zones, pour faire simple, un drapeau avec 2 zones rectangulaire. Voici le code, j'ai rajouter des fonctions javascript vu sur un des forums, ca marche pas du tout pour moi. Merci a tous ceux qui voudraient bien m'eclairer. html: Drapeau Choisis l'une des 2 couleurs du drapeau le code css: #bloc { display:none; } .zone1 { opacity: 1; } .zone2 { opacity:1; } .zone1:hover { opacity: 0.3; } .zone2: hover { opacity:0.3; } [u] le code du fichier javascript (recuperer du forum)/u function afficheId(baliseId) { document.getElementById(baliseId).style.display ='block'; } function cacheId(baliseId) { document.getElementById(baliseId).style.display='none'; } Help me!

@karamel · Answer

Sur le net, j'ai vu des exemples qui préconise l'utilisation de plusieurs images

le probleme est connu et malheureusement il n'y a aucuns autres moyens on ne peut pas influer sur une zone précise

skoric · Answer

merci pour ta reponse mais honnetement j'ai du mal a y croire, mon idee n'est pas original, j'ai deja vu des sites le faire, et je doute que certains ne casse la tete a utiliser 150 images.

ex: http://www.netzgesta.de/mapper/

C'est surement possible

@karamel · Answer

faisable oui mais pas en html pur sur le site ils utilise du svg je pense que c'est faisable aussi avec canvas mais ces histoires de svg et de canvas c'est plus compliquer qu'une simple page html

skoric · Answer

mmmm, merci camarade pour tes infos, je vais essayer de me renseigner mais quand tu dis 
"on ne peut pas influer sur une zone précise"

il est tout de meme possible de faire bcp de choses sur les map areas

Désolé de m'entêter mais instinctivement, ca me parait dingue cette histoire

Rendre des area map actives (opacite)

4 réponses

Votre réponse

Discussions similaires