Changement d'image suivent le passage du curseur!

Version imprimable

23/12/2005, 09h45
ghyosmik

Changement d'image suivent le passage du curseur!

Bonjour,

Je cherche un script qui me permet d'avoir un genre d'animation sur mon site!
En fait, j'ai une image.gif qui s'affiche sur la pagehome.html dans la partie principal frame et j'ai d'autres petites images.gif qui représentent les menus, le fait que je passe le curseur sur l'une une image1 qui va s'afficher dans le mainframe, et si je passe le curseur sur une autre petite image (menu), une autre image2 qui va s'afficher dans le main frame, et ainsi de suite!

J'espere que ca soit clair pour vous :wink:
23/12/2005, 10h33
SpaceFrog

ben change simplement le src des image sur le mouseover
28/12/2005, 12h03
ghyosmik

Désolée de vous informer que j'ai jamais coder avec ce langage, alors que j'ai besoin d'un code qui me permet d'avoir un jeu d'image!

En fait, j'ai un ensemble d'img de même taille et de même type, on trouve, par défaut, img1 sur le homepage dans cette img1 il y a des zones bien définis et que sur lesquels je passe le curseur, une autre img2 sera afficher au lieu de img1, et c'est pareil pour img2!

J'éspére que c'est clair!
Merci :(
28/12/2005, 12h46
OverCat

Salut,

Ce que t'aimerais, c'est un affichage aléatoire de tes images dès que tu passe le curseur dessus ?
28/12/2005, 13h51
ghyosmik

Oui, c'est bien ca! alors comment procéder!

Merci
02/01/2006, 10h45
ghyosmik

Bonne Année tout le monde

J'ai essayé de trouver un script pour résoudre ce problème, mais j'ai pas réussi encore à avoir le résultat que je veux!

En fait, j'ai quatre images de même type et de même nature, la première est divisé en 4 zones si je passe le curseur sur un deuxieme zone toute l'image change en une deuxieme img( qui est aussi divisé en trois zones), si je passe encore sur la troisiéme zone j'obtiens une troisième img,....

dans la partie head je déclare mes images et leurs sources puis dans la partie corps je dois définir les évenements onmouseover et onmouseout.
Mais dois je définir les limites des zonez de chaque image car les évenement dependent des zones!

Merci :wink:

Salut,

j'ai essayer avec ce code, mais ca marche pas en fin!
qui peux me guider à resoudre le problème?

Dans la partie head, j'ai declarer ma fonction

Code:

1
2
3
function changer_img(src_img){
document.getElementById("IMG_G").src=src_img;
			}

Puis dans le body

Code:

1
2
3
4
5
6
7
8
9
<img   src="im1.jpg" width="321" height="185" border="0" usemap="#Map"  id="IMG_G"
			onMouseOut="changer_img('nomimg1.jpg');">
  <map name="Map">
    <area shape="poly" coords="0,77,213,77,208,184,170,184,170,102,0,102" onMouseOver="changer_img('img2.jpg');" href="#">
    <area shape="poly" coords="208,183,258,182,257,45,1,44,2,79,209,80" onMouseOver="changer_img('img3.jpg');" href="#">
    <area shape="poly" coords="2,24,291,24,290,183,257,183,253,48,1,47" onMouseOver="changer_img('img4.jpg');" href="#">
    <area shape="poly" coords="0,1,320,1,317,183,285,182,288,26,2,25" onMouseOver="changer_img('img5.jpg');" href="#">
    <area shape="poly" coords="2,101,172,100,171,182,1,183" href="#" target="_parent">
  </map>

Merci pour votre aide!