Originally posted by: dquan97
Originally posted by: MeanMeosh
Originally posted by: dquan97
ok, I tried everything to get the rollovers to work properly. See my test site. It still lags...
I have Dixiesys as my webhost.
may i suggest loading those images when the webpage loads for the firstime? cant remember the exact tags, but i've used it before... this way, there's not even the slightest lag time for onmouseovers
I've used three different way to preload the images, but they all had the same lag effect. Could the image size of 5KB be the reason? ( I dont think so)
Here, I will give you the Macromedia Dreamweaver script which will work:
----------------------------------------------
Put this in the <head> section:
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
----------------------------------------------
Add the following to your <body> tag, replacing the fil:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" ONLOAD="MM_preloadImages('off.gif')">
----------------------------------------------
And here is an example of what a link should look like:
<A HREF="#" ONMOUSEOUT="MM_swapImgRestore()" ONMOUSEOVER="MM_swapImage('Image1','on.gif','off.gif',1)"><IMG NAME="Image1" BORDER="0" SRC="on.gif" WIDTH="153" HEIGHT="18"></A>
