Poser une question

Re: Besoin d'aide pour faire une image map reactive !

Salut,

C'est vrais qu'il n'y a pas d'exemple précis avec une image Map. Mais c'est exactement la même chose. Tu change seulement l'endroit où tu met le code et puis tu change toujours la même image. C'est donc plus simple en principe.

Tu y est presque, ton code est pas mal. Tu met le code directement sur l'image et non pas dans l'hyperlien (comme tu fais déjà) :

onMouseOver="change('menu1', 'pays1')"

La fonction attend deux paramètres, soit le nom logique des images du tableau des images pré-cahrgée. Dans ton exemple tu a "menu1" puis "Image2".

<IMG height=53 alt="" src="images/monde_05.gif" name="pays1" width=302>

Puis le nom de l'objet ou de l'image dans la page où le changement d'image s,effectura. Dans ton exemple tu as l'image "monde_05.gif" que tu as nommé name="pays1".

menu1=new Image();
menu1.scr="images/monde_02.gif";

C'est donc dire qu'il faut une fonction capable de localiser l'image "pays1" et d'en changer la valeur de la propriété "SRC" par le nouvel URL stocké dans l'objet "Image".

function change(sObjet, sNeo) {
document.images[sObjet].src=eval(sNeo+'.src');
}

Rien d'autre (assure toi que les images sont bien sur le serveur?). Maintenant tu peux mettre ce code où tu veux, dans tout comportement. Par exemple un "onblur" dans un formulaire peut changer n'importe qu'elle image de la page!

Va voir ce petit tutoriel très intéressant avec le principe "Menu ImageMap" (http://www.trucsweb.com/Javascript/trucs.asp?no=143&type=5).

Bonne chance
Oznog

Réponses

Excuse encore...  Nemo 18/3/2004    M'as-tu lu ?!!  Nemo 22/3/2004