[javascript] faire un onMouseOver sur une image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] faire un onMouseOver sur une image

veryfree

bonjour,
j ai donc une image et j aimerai que lorsque le curseur pointe dessus une autre image l a remplace...
j ai trouvé cette methode mais j arrive pas a l a faire fonctionner
si vous pouvez m expliquer sont comportement

Code :

function changeImages() {
d = document;
if (d.images) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (d.layers) {img = findElement(changeImages.arguments[i],0);}
else {img = d.images[changeImages.arguments[i]];}
if (img) {img.src = changeImages.arguments[i+1];}
}
}
}

elle est appelée de cette facon :

Code :

onmouseover="changeImages( 'liens','./images/forum_over.jpg');return true" onmouseout="changeImages( 'liens','./images/forum.jpg');return true"

dans chaque balise <img>...

merci de votre aide

Publicité

Maxime

compliquer tout ca

Code :

<SCRIPT>
function changeimage(image) {
window.document.img0.src = image.src // img0 est le nom de ton image dans la balise <IMG>, ( par exemple )
}
image1 = new Image()
image1.src = "image1.jpg"
</SCRIPT>

et dans la balise <IMG> : onMouseOver="changeimage(image1)"

et tu peut creer dautre image

Message édité par Maxime le 11-09-2002 à 13:19:41

veryfree

bon ben voila ce que j ai pondu

Code :

<script language="JavaScript">
function changeImages(name,image) {
window.document.name.src = image ;
}
</script>

voila a quoi ressemble ma balise img:

Code :

<img name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages(name,'./images/forum_over.jpg');return true" onmouseout="changeImages(name,'./images/forum_over.jpg');return true">

il me dit que window.document.name est null ou n est pas un objet

Message édité par veryfree le 11-09-2002 à 15:28:27

Maxime

Il faut que tu met le nom de la balise <IMG> et que tu declare les images!

je reprend le tout.

le code JS :

Code :

]<SCRIPT language="JavaScript">
function changeImages(name,image) {
window.document.name.src = image ;
/* déclaration des images */
image1 = new Image()
image2 = new Image()
image3 = new Image()
// ten rajoute d'aute si besoin
/* lien des images */
image1.src = "mon_dossier/image1.jpg"
image2.src = "mon_dossier/image1.jpg"
image3.src = "mon_dossier/image1.jpg"
// ten rajoute d'aute si besoin
}
</SCRIPT>

et apres :

Code :

<IMG name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages('forum','image1');return true" onmouseout="changeImages('forum','image2');return true">

Message édité par Maxime le 11-09-2002 à 17:37:22

veryfree

Maxime a écrit a écrit :

Il faut que tu met le nom de la balise <IMG> et que tu declare les images!

je reprend le tout.

le code JS :

Code :

]<SCRIPT language="JavaScript">
function changeImages(name,image) {
window.document.name.src = image ;
/* déclaration des images */
image1 = new Image()
image2 = new Image()
image3 = new Image()
// ten rajoute d'aute si besoin
/* lien des images */
image1.src = "mon_dossier/image1.jpg"
image2.src = "mon_dossier/image1.jpg"
image3.src = "mon_dossier/image1.jpg"
// ten rajoute d'aute si besoin
}
</SCRIPT>

et apres :

Code :

<IMG name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages('forum','image1);return true" onmouseout="changeImages('forum','image2);return true">

merci a toi maxime c niquel comme ca :ange:

Maxime

pourquoi : " :sarcastic: " ?

ca marche pas? :sweat:

veryfree

Maxime a écrit a écrit :

pourquoi : " :sarcastic:

" ?

ca marche pas? :sweat:

c'est pas un sarcastique c un ange

Maxime

veryfree a écrit a écrit :

c'est pas un sarcastique c un ange

soit , ca marche ou pas mon truc?

veryfree

Maxime a écrit a écrit :

soit

, ca marche ou pas mon truc?

Citation :

merci a toi maxime c niquel comme ca

ca ca ve dire que ca marche

:hello:

antp

Super Administrateur
Champion des excuses bidons

veryfree a écrit a écrit :

c'est pas un sarcastique c un ange

ouais la couleur de l'ange n'est pas très judicieusement choisie

d'autant plus que sur fond clair son anneau doré est peu visible

Message édité par antp le 11-09-2002 à 17:54:38

Publicité

veryfree

antp a écrit a écrit :

ouais la couleur de l'ange n'est pas très judicieusement choisie

d'autant plus que sur fond clair son anneau doré est peu visible

oui jm en suis vraiment rendu compte tout t alleur et y a sleep qui par en C*****e a ce que je vois :lol:

jvai lancer un concours sur graphisme tiens pour une fois que c pas un topic sur les télétubbies ca va leur plaire et puis y a pas pinzo pour me faire chier [:yaisse]

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript] faire un onMouseOver sur une image

Sujets relatifs
dreamweaver mx en anglais + mettre un son sur une image	probleme d'affichage d'image
[HTML, Javascript] touche TAB + evenement javascript	JAVASCRIPT Les Champs Cachés
MFC: cliquer un bouton pour changer l'image en fond de dialogbox	VB: ocx pour voir fichier image *.rsb
[PHP] Faire apparaitre une image... pour un temps limité !	onmouseover d'une balise agissant sur une autre balise
[javascript]Help (newbie inside)	[HTML] Texte et Image
Plus de sujets relatifs à : [javascript] faire un onMouseOver sur une image

Page générée en 0.079 secondes