Onmouse n'affiche pas la 1er image
cedric1108
-
bg62 Messages postés 26245 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 26245 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour, a tous
voici mon probleme j'utilise webexpert 5
j'ai fait un menu ou quand la souris passe decu le lien l'image change, rien de bien difficile
je n'est pas fait de script de préchargment et chez moi sa marche quand je passe ma souris sur le lien
tout marche toute mes image change quand il le faut
quand je le met sur le serveur qui heberge le site internet cela ne marche plus
l'image qui doit apparetre avant et apres le passage de la souris ne se fait pas (_img/Repi_04.gif)
voici mon code je voudrais comprendre pourquoi cela ne marche pas merci
<a href="index.html" OnMouseOver="accueil.src='_img/menu2_04.gif'"onmouseout="accueil.src='_img/Repi_04.gif'">
<img name="accueil" src="_img/Repi_04.gif" width="116" height="42" border="0" alt=""></a></td>
voici mon probleme j'utilise webexpert 5
j'ai fait un menu ou quand la souris passe decu le lien l'image change, rien de bien difficile
je n'est pas fait de script de préchargment et chez moi sa marche quand je passe ma souris sur le lien
tout marche toute mes image change quand il le faut
quand je le met sur le serveur qui heberge le site internet cela ne marche plus
l'image qui doit apparetre avant et apres le passage de la souris ne se fait pas (_img/Repi_04.gif)
voici mon code je voudrais comprendre pourquoi cela ne marche pas merci
<a href="index.html" OnMouseOver="accueil.src='_img/menu2_04.gif'"onmouseout="accueil.src='_img/Repi_04.gif'">
<img name="accueil" src="_img/Repi_04.gif" width="116" height="42" border="0" alt=""></a></td>
A voir également:
- Onmouse n'affiche pas la 1er image
- Image iso - Guide
- Faites en sorte que la cellule a1 affiche exactement ce qui est montré sur cette image - Forum Excel
- Reduire taille image - Guide
- Légende image word - Guide
- Comment écrire 1er sur clavier - Forum Mail
6 réponses
tous ca pour faire bougé 2 images c pas genial dreamweaver
j'ai testé celui la aussi en local sa fonctionne mais toujours pas sur le serveur
Partie à mettre dans le header
<SCRIPT>
<!-- Begin Permet aux navigateurs ne supportant pas le javascript de passer le script
vide=new Image(); Déclaration de la variable image vide
rond=new Image(); Déclaration de la variable image rond
vide.src="../BACKGROUND.GIF" Préchargement de l'image
rond.src="../rdrnd02.gif" Préchargement de l'image
function jepassedessus(nomimage,imageutilise) { Déclaration de la fonction qui permettra le changement au passage de la souris
document[nomimage].src=imageutilise; Evènement effectuant le changement
}
function jepars(nomimage,imageutilise) { Déclaration de la fonction qui permettra le changement à la sortie de la souris
document[nomimage].src=imageutilise; Evènement effectuant le changement
}
//end --> Fin des commentaires
</script>
A mettre dans le body :
<IMG NAME="bouton1" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9>
<A href="page.html" onmouseover="jepassedessus('bouton1','../rdrnd02.gif')" onmouseout="jepars('bouton1','../BACKGROUND.GIF')"> Lien N°1</A>
<BR><IMG NAME="bouton2" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9>
<A href="page2.html" onmouseover="jepassedessus('bouton2','../rdrnd02.gif')" onmouseout="jepars('bouton2','../BACKGROUND.GIF')"> Lien N°2</A>
<BR><IMG NAME="bouton3" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9> <A href="page3.html" onmouseover="jepassedessus('bouton3','../rdrnd02.gif')" onmouseout="jepars('bouton3','../BACKGROUND.GIF')"> Lien N°3</A>
<BR><IMG NAME="bouton4" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9> <A href="page4.html" onmouseover="jepassedessus('bouton4','../rdrnd02.gif')" onmouseout="jepars('bouton4','../BACKGROUND.GIF')"> Lien N°4</A>
j'ai testé celui la aussi en local sa fonctionne mais toujours pas sur le serveur
Partie à mettre dans le header
<SCRIPT>
<!-- Begin Permet aux navigateurs ne supportant pas le javascript de passer le script
vide=new Image(); Déclaration de la variable image vide
rond=new Image(); Déclaration de la variable image rond
vide.src="../BACKGROUND.GIF" Préchargement de l'image
rond.src="../rdrnd02.gif" Préchargement de l'image
function jepassedessus(nomimage,imageutilise) { Déclaration de la fonction qui permettra le changement au passage de la souris
document[nomimage].src=imageutilise; Evènement effectuant le changement
}
function jepars(nomimage,imageutilise) { Déclaration de la fonction qui permettra le changement à la sortie de la souris
document[nomimage].src=imageutilise; Evènement effectuant le changement
}
//end --> Fin des commentaires
</script>
A mettre dans le body :
<IMG NAME="bouton1" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9>
<A href="page.html" onmouseover="jepassedessus('bouton1','../rdrnd02.gif')" onmouseout="jepars('bouton1','../BACKGROUND.GIF')"> Lien N°1</A>
<BR><IMG NAME="bouton2" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9>
<A href="page2.html" onmouseover="jepassedessus('bouton2','../rdrnd02.gif')" onmouseout="jepars('bouton2','../BACKGROUND.GIF')"> Lien N°2</A>
<BR><IMG NAME="bouton3" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9> <A href="page3.html" onmouseover="jepassedessus('bouton3','../rdrnd02.gif')" onmouseout="jepars('bouton3','../BACKGROUND.GIF')"> Lien N°3</A>
<BR><IMG NAME="bouton4" SRC="../BACKGROUND.GIF" BORDER=0 WIDTH=9 HEIGHT=9> <A href="page4.html" onmouseover="jepassedessus('bouton4','../rdrnd02.gif')" onmouseout="jepars('bouton4','../BACKGROUND.GIF')"> Lien N°4</A>
Je pense que c'est un problème de chemin d'accès à l'image.
<a href="index.html" OnMouseOver="accueil.src='/_img/menu2_04.gif'" onmouseout="accueil.src='/_img/Repi_04.gif'"> <img name="accueil" src="/_img/Repi_04.gif" width="116" height="42" border="0" alt=""></a></td>
La syntaxe me parraît bizarre aussi. Personnellement, j'utilise un vieux script généré par dreamweaver :
Dans l'entête :
Dans le corps de la page :
Dans l'entête :
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript">
<!--
if (document.images) {
imprimer = new Image(24 ,25); imprimer.src = "monrépertoire/monimage.gif";
imprimer2 = new Image(24 ,25); imprimer2.src = "monrépertoire/monimage2.gif";
}
//-->
</script>
Dans le corps de la page :
<a href="monlien" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('print','','monrépertoire/monimage.gif',1)">
<img name="print" border="0" src="monrépertoire/monimage2.gif" alt="Imprimer"></a>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question