Rollover Problem in IE and Safari

E

eloc_86

New Member
So the following code for my rollovers only seems to work in firefox....

<td><div align="center"><a href="http://www.lundstromdesign.com/shirtpage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('shirts','','http://www.lundstromdesign.com/shirts-link.png',1)"><img src="http://www.lundstromdesign.com/lightning-buttonshirts.png" name="shirts" width="225" height="225" border="0" id="shirts" /></a></div></td>

Do you have any suggestions on how to make this universally work?

Thanks in advance
 
jnjc

jnjc

New Member
Can you post a url ?

'onmouseout="MM_swapImgRestore()" ' is JS which we would need to be able to look at before we could help...


Failing that post more of the page....
 
jnjc

jnjc

New Member
There appears to be some "funny" things in your header. As follows highlighted in bold:

Code: 
<style type="text/css">
[COLOR="Red"][B]<!--[/B][/COLOR]
body {
	background: url(http://www.lundstromdesign.com/websitebackgroundcopy.jpg) fixed center no-repeat ;
	background-color: #FFFFFF;
	background-image: url(http://www.lundstromdesign.com/websitebackground2.jpg);
}
.style5 {
	color: #FFFFFF;
	font-size: 24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
</style>
<script type="text/javascript">
[COLOR="Red"][B]<!--[/B][/COLOR]
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];}
}
[COLOR="Red"][B]//-->
</script></head> [/B][/COLOR]
	

</style></head>

I am not sure why you have those comment tags where they are or the second "</script></head>" (maybe it's some sort of performance trick), but if you take them out it works for both FF and IE.

HTH,
JC
 
You must log in or register to reply here.
Top