Hello,
I'm having some preload problem on my site. The graphics just simply dont preload and whenever I hovers my mouse over it will download the image again.
My website URL is <!-- m --><a class="postlink" href="http://newsite.mircstats.net/">http://newsite.mircstats.net/</a><!-- m -->
Codings extract from my html file.
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg)
{
if (document.images)
{
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages()
{
if (document.images && (PreloadFlag == true)){
for (var i=0; i<changeImages.arguments.length; i+=2)
{
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}
var PreloadFlag = false;
function PreloadImages()
{
if (document.images)
{
// preload all images
img0 = newImage("/images/mycomputer_roll.gif");
img1 = newImage("/images/forumboard_roll.gif");
img2 = newImage("/images/gotquestion_roll.gif");
img3 = newImage("/images/emailcolin_roll.gif");
img4 = newImage("/images/rvhs_roll.gif");
img5 = newImage("/images/diablo2_roll.gif");
img6 = newImage("/images/warcraft3_roll.gif");
img7 = newImage("/images/ajc_roll.gif");
img8 = newImage("/images/cjc_roll.gif");
img9 = newImage("/images/pjc_roll.gif");
img10 = newImage("/images/987fm_roll.gif");
img11 = newImage("/images/steadless_roll.gif");
img12 = newImage("/images/mycomputer.gif");
img13 = newImage("/images/forumboard.gif");
img14 = newImage("/images/gotquestion.gif");
img15 = newImage("/images/emailcolin.gif");
img16 = newImage("/images/rvhs.gif");
img17 = newImage("/images/diablo2.gif");
img18 = newImage("/images/warcraft3.gif");
img19 = newImage("/images/ajc.gif");
img20 = newImage("/images/cjc.gif");
img21 = newImage("/images/pjc.gif");
img22 = newImage("/images/987fm.gif");
img23 = newImage("/images/steadless.gif");
PreloadFlag = true;
}
}
// -->
</script>
<body bgcolor="#336699" ONLOAD="PreloadImages()">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOver="changeImages('mycomp', '/images/mycomputer_roll.gif'); return true; document.all.menu.innerHTML='<font class=cptitle><b>Mircstats.net</b></font><font class=grey><br><br><b>Location:</b> Atlanta<br><br><b>Capacity:</b> 1.5 GB<br><br><b>Owner:</b> Colin</font>';"
onMouseOut="changeImages('mycomp', '/images/mycomputer.gif'); return true; document.all.menu.innerHTML = '<br><font class=grey>Welcome to Hobbits IRC Services. Please take your time to surf here. Oh yah do post your comments about this site at Studio Shout.<P>Lastly wishing everyone a Happy New Year.</P></font>';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/mycomputer.gif" border="0" NAME="mycomp" alt="Mircstats.NET">
I'm having some preload problem on my site. The graphics just simply dont preload and whenever I hovers my mouse over it will download the image again.
My website URL is <!-- m --><a class="postlink" href="http://newsite.mircstats.net/">http://newsite.mircstats.net/</a><!-- m -->
Codings extract from my html file.
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg)
{
if (document.images)
{
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages()
{
if (document.images && (PreloadFlag == true)){
for (var i=0; i<changeImages.arguments.length; i+=2)
{
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}
var PreloadFlag = false;
function PreloadImages()
{
if (document.images)
{
// preload all images
img0 = newImage("/images/mycomputer_roll.gif");
img1 = newImage("/images/forumboard_roll.gif");
img2 = newImage("/images/gotquestion_roll.gif");
img3 = newImage("/images/emailcolin_roll.gif");
img4 = newImage("/images/rvhs_roll.gif");
img5 = newImage("/images/diablo2_roll.gif");
img6 = newImage("/images/warcraft3_roll.gif");
img7 = newImage("/images/ajc_roll.gif");
img8 = newImage("/images/cjc_roll.gif");
img9 = newImage("/images/pjc_roll.gif");
img10 = newImage("/images/987fm_roll.gif");
img11 = newImage("/images/steadless_roll.gif");
img12 = newImage("/images/mycomputer.gif");
img13 = newImage("/images/forumboard.gif");
img14 = newImage("/images/gotquestion.gif");
img15 = newImage("/images/emailcolin.gif");
img16 = newImage("/images/rvhs.gif");
img17 = newImage("/images/diablo2.gif");
img18 = newImage("/images/warcraft3.gif");
img19 = newImage("/images/ajc.gif");
img20 = newImage("/images/cjc.gif");
img21 = newImage("/images/pjc.gif");
img22 = newImage("/images/987fm.gif");
img23 = newImage("/images/steadless.gif");
PreloadFlag = true;
}
}
// -->
</script>
<body bgcolor="#336699" ONLOAD="PreloadImages()">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOver="changeImages('mycomp', '/images/mycomputer_roll.gif'); return true; document.all.menu.innerHTML='<font class=cptitle><b>Mircstats.net</b></font><font class=grey><br><br><b>Location:</b> Atlanta<br><br><b>Capacity:</b> 1.5 GB<br><br><b>Owner:</b> Colin</font>';"
onMouseOut="changeImages('mycomp', '/images/mycomputer.gif'); return true; document.all.menu.innerHTML = '<br><font class=grey>Welcome to Hobbits IRC Services. Please take your time to surf here. Oh yah do post your comments about this site at Studio Shout.<P>Lastly wishing everyone a Happy New Year.</P></font>';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/mycomputer.gif" border="0" NAME="mycomp" alt="Mircstats.NET">