Mouseover functie werkt niet

Status
Niet open voor verdere reacties.
G

Gurdiegurdo

Nieuwe gebruiker
Lid geworden
21 dec 2009
Berichten
2
Ik zie niet wat fout is aan dit script.
HTML: 
<SCRIPT LANGUAGE="JavaScript">      
image1 = new Image();
image1.src = "file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede.jpg";
</script>

<a href="" onmouseover="image1.src='file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede.jpg';"
onmouseout="image1.src='file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede1.jpg';">
<img name="image1" src="file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede1.jpg" border=1 border-color="#000000"></a>
De bedoeling is dat het plaatje elfriede1.jpg wordt vervangen door elfriede.jpg wanneer ik er met de muis overheen ga, alleen dit werkt niet. Ik snap niet waar het aan ligt, jullie?
 
Laatst bewerkt door een moderator:
ik zou zelf het plaatje even uploaden op een host en dan het met die link proberen, zo doe ik het altijd werkt altijd.. ;)

probeer maar het maar

imageshack.us bijv.
 
Misschien een leuke toevoeging:

<html>
<title>iets</title>
<head>
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'button3.jpg')">
<img style="border: 0" id="img1" src="button2.jpg" height="20" width="100" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button4.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button3.jpg')" />
</body>
</html>

Dit script werkt alleen zul je de namen in het rood even moeten aanpassen. Dit is trouwens een script uit Sharepoint, mocht je er meer over willen zoeken (gratis programma van microsoft) http://www.microsoft.com/downloads/details.aspx?familyid=BAA3AD86-BFC1-4BD4-9812-D9E710D44F42&displaylang=nl
 
Code:
Code: 
/leden/elfriede.jpg';"[COLOR="Red"]X[/COLOR]
onmouseout="image1.src='file:
Bij de X dien je een spatie te hebben.

Code welke werkt:
HTML: 
<script language="JavaScript">
<!-- Begin Image Mouseover Code

image1 = new Image();
image1.src = "http://t3.gstatic.com/images?q=tbn:2gL7ijOHbxB8HM:http://www.mmonline.nl/images/ierland/smiley.jpg";


// end Image Mouseover Code-->
</script> 
</head>

<body >



==========


 
	<br>

<a href="" onmouseover="image1.src='http://t3.gstatic.com/images?q=tbn:2gL7ijOHbxB8HM:http://www.mmonline.nl/images/ierland/smiley.jpg';" onmouseout="image1.src='http://t0.gstatic.com/images?q=tbn:2eLYcJ3MRm7bMM:http://1.bp.blogspot.com/_5hKIytRjmgE/SOjWaMHm9TI/AAAAAAAAAHE/merT8ms-Xq8/s400/Sad%2BSmiley.png';"
 onmouseout="image1.src='file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede1.jpg';">
<img name="image1" src="http://t0.gstatic.com/images?q=tbn:2eLYcJ3MRm7bMM:http://1.bp.blogspot.com/_5hKIytRjmgE/SOjWaMHm9TI/AAAAAAAAAHE/merT8ms-Xq8/s400/Sad%2BSmiley.png" border=0 width=100 height=100></a>
 
Jij kan geen plaatje vanaf je harde schijf gebruiken.
als je op de localhost (xampp) test moet je m even in dezelfde map zetten als je scripts.
Hier moet je dan naar verwijzen.

Als je scripts op de server staan gaat het al helemaal niet werken. De server verwacht dat het plaatje op de servers C schijf staat wat dus niet zo is.

Je moet je plaatje dus of uploaden naar de server toe of bij xampp in de zelfde map plaatsen als je scripts of dus idd je plaatje uploaden naar imageshack.us en dan met een http link naar het plaatje verwijzen.

Vanaf de C schijf gaat het niet werken.

suc6:thumb:
 
peter vazed zei:
Code:
Code: 
/leden/elfriede.jpg';"[COLOR="Red"]X[/COLOR]
onmouseout="image1.src='file:
Bij de X dien je een spatie te hebben.

Code welke werkt:
HTML: 
<script language="JavaScript">
<!-- Begin Image Mouseover Code

image1 = new Image();
image1.src = "http://t3.gstatic.com/images?q=tbn:2gL7ijOHbxB8HM:http://www.mmonline.nl/images/ierland/smiley.jpg";


// end Image Mouseover Code-->
</script> 
</head>

<body >



==========


 
	<br>

<a href="" onmouseover="image1.src='http://t3.gstatic.com/images?q=tbn:2gL7ijOHbxB8HM:http://www.mmonline.nl/images/ierland/smiley.jpg';" onmouseout="image1.src='http://t0.gstatic.com/images?q=tbn:2eLYcJ3MRm7bMM:http://1.bp.blogspot.com/_5hKIytRjmgE/SOjWaMHm9TI/AAAAAAAAAHE/merT8ms-Xq8/s400/Sad%2BSmiley.png';"
 onmouseout="image1.src='file:///C:/Users/Gert/Documents/CASA/Nieuwe%20website/Images/leden/elfriede1.jpg';">
<img name="image1" src="http://t0.gstatic.com/images?q=tbn:2eLYcJ3MRm7bMM:http://1.bp.blogspot.com/_5hKIytRjmgE/SOjWaMHm9TI/AAAAAAAAAHE/merT8ms-Xq8/s400/Sad%2BSmiley.png" border=0 width=100 height=100></a>
Klik om te vergroten...

Heb je script gekopieerd, maar werkt bij mij nog steeds niet. Heel raar, ik snap echt niet hoe het kan. Dat ik de plaatjes vanaf mijn C-schijf laad maakt niet uit, aangezien ik nu nog offline werk. Heb dat inmiddels al wel veranderd. Kan iemand mij nog verder helpen?
 
Het gaat allemaal zo moeilijk zo. Probeer dit eens. Noot ook even de nette layout van de code, dat maakt het een stuk duidelijker:
HTML: 
<img src='plaatje1.png' onmouseover='this.src="plaatje2.png";'
                         onmouseout='this.src="plaatje1.png";'  />


:thumb:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan