Hover visuel sur image map
indiana-81
-
armoire40 -
armoire40 -
Bonjour,
J'ai un menu circulaire comme ça : http://pedagogie2.ac-reunion.fr/aa/images/pedago/couleur/syntheses/cercle-chromatique.gif
et je souhaiterai intégré un contour de chaque section au survol de celle ci,
Comment dois je mis prendre , sachant que j'ai déja les area definis sur mon img map de type :
<area shape="poly" coords="234,7,283,12,325,26,297,91,264,80,235,77,234,7,235,8" href="menu_alimentation.html" />
<area shape="poly" coords="325,26,368,49,401,78,349,126,322,102,297,90,325,26" href="menu_loisir.html" />
<area shape="poly" coords="402,78,431,117,449,158,383,182,368,150,350,127,401,79" href="menu_automobile.html" />
<area shape="poly" coords="448,158,459,199,461,253,393,246,390,211,382,181,448,160,449,160" href="menu_deco.html" />
Merci
J'ai un menu circulaire comme ça : http://pedagogie2.ac-reunion.fr/aa/images/pedago/couleur/syntheses/cercle-chromatique.gif
et je souhaiterai intégré un contour de chaque section au survol de celle ci,
Comment dois je mis prendre , sachant que j'ai déja les area definis sur mon img map de type :
<area shape="poly" coords="234,7,283,12,325,26,297,91,264,80,235,77,234,7,235,8" href="menu_alimentation.html" />
<area shape="poly" coords="325,26,368,49,401,78,349,126,322,102,297,90,325,26" href="menu_loisir.html" />
<area shape="poly" coords="402,78,431,117,449,158,383,182,368,150,350,127,401,79" href="menu_automobile.html" />
<area shape="poly" coords="448,158,459,199,461,253,393,246,390,211,382,181,448,160,449,160" href="menu_deco.html" />
Merci
A voir également:
- Image map css hover
- Google map satellite gratuit - Guide
- Image iso - Guide
- Telecharger carte google map - Guide
- Google map ma position - Guide
- Reduire taille image - Guide
4 réponses
Je une solution pour vous
Il faut utiliser plusieurs images avec les commande onmouseover et onmouseout
<img name="immap" src="cercle-chromatique.gif" width="500" height="500" usemap="#Mon" >
<map id= "Mon" name="Mon" onmouseover=style='border:1px;'>
<area shape="poly" coords="234,7,283,12,325,26,297,91,264,80,235,77,234,7,235,8" onmouseover="document.images['immap'].src='cercle-chromatique1.gif';" onmouseout="document.images['immap'].src='cercle-chromatique.gif';" href="menu_alimentation.html" />
<area shape="poly" coords="325,26,368,49,401,78,349,126,322,102,297,90,325,26"onmouseover="document.images['immap'].src='cercle-chromatique2.gif';" onmouseout="document.images['immap'].src='cercle-chromatique.gif';" href="menu_loisir.html" />
</map>
Il faut utiliser plusieurs images avec les commande onmouseover et onmouseout
<img name="immap" src="cercle-chromatique.gif" width="500" height="500" usemap="#Mon" >
<map id= "Mon" name="Mon" onmouseover=style='border:1px;'>
<area shape="poly" coords="234,7,283,12,325,26,297,91,264,80,235,77,234,7,235,8" onmouseover="document.images['immap'].src='cercle-chromatique1.gif';" onmouseout="document.images['immap'].src='cercle-chromatique.gif';" href="menu_alimentation.html" />
<area shape="poly" coords="325,26,368,49,401,78,349,126,322,102,297,90,325,26"onmouseover="document.images['immap'].src='cercle-chromatique2.gif';" onmouseout="document.images['immap'].src='cercle-chromatique.gif';" href="menu_loisir.html" />
</map>
bon un peu en retard peut-etre mais je suis en train de tester un script qui a l'air de bien fonctionner
le script:
http://www.netzgesta.de/mapper/
le test que je suis en train de faire (c'est pas encore bien beau mais ça marche)
http://tls3d.fr/cinema/salles/salles.php
le script:
http://www.netzgesta.de/mapper/
le test que je suis en train de faire (c'est pas encore bien beau mais ça marche)
http://tls3d.fr/cinema/salles/salles.php
suite à un remaniement du site l'adresse vers la liste de cinémas citée ci-dessus a été modifiée:
http://tls3d.fr/cinema/salles/salles.php
toutes mes excuses pour le dérangement.
http://tls3d.fr/cinema/salles/salles.php
toutes mes excuses pour le dérangement.
dom.