Demande de code plusieurs rollovers sur une même image

Bonjour les amis,

je me permets de poster ici car je voudrais réaliser une image contenant plusieurs rollovers. Pour que vous compreniez mieux la chose, je précise que cette image est une carte, et que je voudrai faire apparaître une image particulière à chaque fois dans quelques villes que l'utilisateur survole au passage de la souris.

Après avoir cherché et cherché sur le Web, après avoir essayé quelques codes sans succès, je me permets de demander votre aide. A noter que je ne peux pas utiliser de CSS, la structure fermée du site sur lequel je travaille ne me le permettant pas.

Je voudrai donc savoir si l'un d'entre vous pourrait me dépanner d'un code permettant d'arriver à mes fins.


Merci d'avance !
Modifié par Tolliob (07 Apr 2014 - 15:34)

Ouai voici le code a mettre :

function rollover(){
  fait_rollover = img.change_url_src();
}

Sinon tu peux suivre le tuto de grafikart.

Tu ne trouvera pas de code tout fait répondant à tes besoins, mais je veux bien t'aidé a améliorer un code que tu a commencé.

Salut !

Je suis en train de regarder le tuto de grafikart.

Le code que j'ai commencé à faire est le suivant :

<img src="http://www.syage.org/image/map_sage/carte-actions-sage.jpg" usemap="#map" name="sage" id="sage" border="0" width="1250" height="755" />
</a>
</p>

<map id="sage" map="sage">

<area onmouseover="document.sage.src='http://www.syage.org/image/map_sage/action1_marolles.jpg'" onmouseout="document.sage.src='http://www.syage.org/image/map_sage/action1_marolles.jpg'" shape="rect" coords="3,2,0,0" />



</map>