Changer l'image d'un imageMap au survole de la souris [Résolu]

[geek67]

Bonjour,

Voila mon problème, j'ai une image comportant plusieurs zone, j'ai utiliser des imagemap qui marche très bien pour allez vers divers pages. Mais voila, je voudrai que lorsque l'on passe la souris au dessus d'une zone cliquable, qu'une image apparaissent pour mettre en valeur cette zone.
voici le bout de code contenant le mappage:

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
 
<span><img id="ordinateur" style="border: 0pt none;" mce_style="border: 0pt none;" usemap="#composant" src="images/carte_mere_redimensionner.jpg" mce_src="images/carte_mere_redimensionner.jpg" alt="ordinateur" title="ordinateur" height="400" width="600"></span></p>
<p style="text-align: center;" mce_style="text-align: center;"><span>Autre composants internes:</span>
<map name="composant">
<area id="lecteur" alt="lecteur cd/dvd"  shape="rect" mce_shape="rect" coords="370,0,600,140" mce_coords="370,0,600,140" href="#" mce_href=""> 
<area shape="rect" mce_shape="rect" coords="250, 260,600,400" mce_coords="250, 260,600,400" href="#" mce_href=""> 
<area shape="rect" mce_shape="rect" coords="240, 30,290,150" mce_coords="240, 30,290,150" href="#" mce_href=""> 
<area shape="rect" mce_shape="rect" coords="0, 155,290,205" mce_coords="240, 30,290,150" href="#" mce_href=""> 
<area shape="rect" mce_shape="rect" coords="70, 205,200,245" mce_coords="240, 30,290,150" href="#" mce_href=""> 
<area shape="circle" mce_shape="circle" coords="195, 90,45" mce_coords="240, 30,290,150" href="#" mce_href=""> 
<area shape="rect" mce_shape="rect" coords="50, 0,310,300" mce_coords="250, 260,600,400" href="#" mce_href="">
</map>

PS: les "mce" dans le code sont du au faite que je suis sous joomla, n'y prétez aucune attention.

Je vous remercie d'avance de votre aide.

[Vil'Coyote]

peut être qu'en utilisant un onmouseover + une fonction javascript affichant un div et un contenu cela pourrais suffir à ton besoin ?

[geek67]

J'ai essayer d'utiliser "onmouseover" avec une fonction javascript, mais sans succès, rien ne s'affichait malgré l'exemple qui était donné.

Crée un div par dessus ? késako ? il faut le mettre en position absolue ?

PS: je suis sous FF4

[Bovino]

T'as été voir au niveau des contributions : Image map et changement de couleur de l'area au survol ?

[geek67]

J'ai deja essayer cette methode mais elle ne marchais pas