bluemicrobyte
12-28-2006, 2:35 AM
update: it appears as if the issue only occurs sometimes. Regardless, I would still appreciate feedback on what might be causing this issue.
So on my websites old home page I had 4 rollover images that worked just fine and swapped instantaneously as your rolled over with the mouse -- I'm re-designing the home page and this time when I use the rollover effect it seems to "lag" and swaps the images slightly delayed after you mouseover them. The new home page IS more complex, but there are other rollover images that work instantaneously as they should.
Old home page: http://www.bluemicrobyte.com/index.php
Rollover images are the 4 colored navigation bars by the clown.
New home page: http://www.bluemicrobyte.com/new.php (currently optimized for firefox!!)
Working rollover images are the blue "login/register" buttons in the top left box, delayed/lagging rollover images are the 4 colored navigation bars by the clown (top middle).
Any idea why these new 4 images are working slowly? (or is this an isolated incident on my computer only?)
PS: The coding used for this is dreamweavers built in rollover image code -- here's a copy:
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('http://www.bluemicrobyte.com/img/home/register_on.gif','/img/home/header_button1_on.jpg','/img/home/header_button2_on.jpg','/img/home/header_button3_on.jpg','/img/home/header_button4_disabled.jpg')">
<a href="http://games.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Games','','/img/home/header_button1_on.jpg',1)"><img src="/img/home/header_button1_off.jpg" alt="Games" name="Games" width="195" height="40" border="0"></a><a href="http://forums.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forums','','/img/home/header_button2_on.jpg',1)"><img src="/img/home/header_button2_off.jpg" alt="Forums" name="Forums" width="195" height="40" border="0"></a><a href="http://movies.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Movies','','/img/home/header_button3_on.jpg',1)"><img src="/img/home/header_button3_off.jpg" alt="Movies" name="Movies" width="195" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Profiles','','/img/home/header_button4_disabled.jpg',1)"><img src="/img/home/header_button4_off.jpg" alt="Profiles" name="Profiles" width="195" height="39" border="0"></a>
So on my websites old home page I had 4 rollover images that worked just fine and swapped instantaneously as your rolled over with the mouse -- I'm re-designing the home page and this time when I use the rollover effect it seems to "lag" and swaps the images slightly delayed after you mouseover them. The new home page IS more complex, but there are other rollover images that work instantaneously as they should.
Old home page: http://www.bluemicrobyte.com/index.php
Rollover images are the 4 colored navigation bars by the clown.
New home page: http://www.bluemicrobyte.com/new.php (currently optimized for firefox!!)
Working rollover images are the blue "login/register" buttons in the top left box, delayed/lagging rollover images are the 4 colored navigation bars by the clown (top middle).
Any idea why these new 4 images are working slowly? (or is this an isolated incident on my computer only?)
PS: The coding used for this is dreamweavers built in rollover image code -- here's a copy:
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('http://www.bluemicrobyte.com/img/home/register_on.gif','/img/home/header_button1_on.jpg','/img/home/header_button2_on.jpg','/img/home/header_button3_on.jpg','/img/home/header_button4_disabled.jpg')">
<a href="http://games.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Games','','/img/home/header_button1_on.jpg',1)"><img src="/img/home/header_button1_off.jpg" alt="Games" name="Games" width="195" height="40" border="0"></a><a href="http://forums.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forums','','/img/home/header_button2_on.jpg',1)"><img src="/img/home/header_button2_off.jpg" alt="Forums" name="Forums" width="195" height="40" border="0"></a><a href="http://movies.bluemicrobyte.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Movies','','/img/home/header_button3_on.jpg',1)"><img src="/img/home/header_button3_off.jpg" alt="Movies" name="Movies" width="195" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Profiles','','/img/home/header_button4_disabled.jpg',1)"><img src="/img/home/header_button4_off.jpg" alt="Profiles" name="Profiles" width="195" height="39" border="0"></a>