Ik zit nogal met een probleem
dit is de 1st keer dat ik een Roll-over effect probeer toe te voegen
in een html bestand, weet niet zeker of dit erg is
maar het wilt me totaal niet lukken! ben al een tijdje bezig geweest en hoop dat jullie me ermee kunnen helpen
1:
<html>
<body onLoad="rollover();">
<center>
<head>
<title>Welkom bij overalbier.nl, De enige echte bier site!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function rollover() {
if (!document.getElementById) return
var imgOrSrc;
var imgPreload = new Array();
var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
if (images.getAttribute('rsrc')) {
imgPreload[i] = new Image();
imgPreload[i].src = images[i].getAttribute('rsrc');
images[i].onmouseover = function() {
imgOrSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('rsrc'))
}
images[i].onmouseout = function() {
this.setAttribute('src',imgOrSrc)
}
}
}
}
</script>
</head>
2:
<body onLoad="rollover();">
3:
<td colspan="3">
<a href="http://www.neo-concepts.nl/biersite/home.html"><img src="http://www.neo-concepts.nl/biersite/images/Home.jpg" rsrc="http://www.neo-concepts.nl/biersite/images2/Home.mo.jpg" border="0"></a>
<td>
Iemand enig idee wat ik fout heb gedaan? ??
www.neo-concepts.nl/biersite/index1.html