Spot fejlen i cache/udskiftbillede
HejJeg har en menu, hvor jeg gerne vil have erstattet nogle billeder ved onmouseover og onmouseout.
Jeg har følgende javascript funktioner:
<script language="javascript" type="text/javascript">
var pics = new Array();
pics[0] = "m1.gif";
pics[1] = "m2.gif";
pics[2] = "m3.gif";
pics[3] = "m4.gif";
pics[4] = "m5.gif";
pics[5] = "m6.gif";
pics[6] = "m7.gif";
for ( i=0; i<pics.length; i++ ) {
var im = new Image();
im.src = "images/menu/off/" + pics[i];
}
function switchImage(imgName, imgSrc) {
if (document.images) {
if (imgSrc != "none") {
document.images[imgName].src = imgSrc;
}
}
}
</script>
og her kører jeg dem:
<a href="index.html" onmouseover="switchImage('m1','images/menu/off/m1.gif')" onmouseout="switchImage('m1','images/menu/m1.gif')"><img alt="" id="m1" name="m1" src="images/menu/m1.gif"></a>
Jeg får flere fejl f.eks.:
- Id var ventet i denne linje:document.images[imgName].src = imgSrc;
- Et objekt var ventet i linjen: <a href="index.html" onmouseover="switchImage('m1','images/menu/off/m1.gif')" onmouseout="switchImage('m1','images/menu/m1.gif')"><img alt="" id="m1" name="m1" src="images/menu/m1.gif"></a>
Nogle ideer?
