Preload af billeder
Jeg bruger følgende kode:<script type="text/javascript">
<!--
function preloadImages(){
img_news_over = new Image();
img_news_over.src = "/_images/Menu.aspx?id=nyheder&mode=over";
img_news_out = new Image();
img_news_out.src = "/_images/Menu.aspx?id=nyheder";
}
function iOver(imgName){
if (document.images)
{
if (typeof(eval(imgName + "_over")) == "undefined")
alert("Undefined")
else
document[imgName].src = eval(imgName + "_over.src");
}
}
function iOut(imgName){
if (document.images)
{
if (typeof(eval(imgName + "_out")) == "undefined")
alert("Undefined")
else
document[imgName].src = eval(imgName + "_out.src");
}
}
//-->
</script>
<body onload="preloadImages();">
<a href="/news/" onFocus="blur();" onMouseOut="iOut('img_news');" onMouseOver="iOver('img_news');"><img border="0" src="/_images/Menu.aspx?id=nyheder" name="img_news"></a>
Problemet er at jeg får script fejl hvis jeg kører over et billede inden siden er færdigindlæst fordi img_news_over er undefined ... jeg har lavet ovenstående kode på funktionerne iOver og iOut for at tjekke om de er undefined ... men det virker ikke ...
Hvad gør jeg forkert ?
