Hover visuel sur image map

Fermé

indiana-81 - 2 déc. 2008 à 17:58
armoire40 - 13 nov. 2014 à 10:03

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

A voir également:

Image map css hover
Google map satellite gratuit - Guide
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Itinéraire google map entre deux adresses - Guide
Telecharger carte google map - Guide

4 réponses

Réponse 1 / 4

SERTCHO
25 déc. 2008 à 16:00

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>

Roberto
31 janv. 2012 à 03:29

merci a toi Sertcho , ton code est parfaitement fonctionnel , mille mercis !!!!

Alghora
9 août 2012 à 17:44

Merci, t'es au top... après des heures de galère et de recherche ton code est juste MAGIQUE !

dom.

armoire40
13 nov. 2014 à 10:03

Merci beaucoup Sertcho, c'est pile ce que je cherchais depuis un moment! Belle journée!

Réponse 2 / 4

BlancBim
1 oct. 2010 à 13:19

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

BlancBim Messages postés 24 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 6 février 2013 2
6 déc. 2010 à 19:03

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.

Réponse 3 / 4

indiana-81
3 déc. 2008 à 14:24

personne pour m'aider s'il vous plait :)

Réponse 4 / 4

remus69
19 déc. 2008 à 14:23

up!

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Comment enlever le rouge sur la photo svp ?