Web Design Forum  
 
Go Back   Web Design Forum > Web and Graphic Design > Web Design

Reply
 
LinkBack Thread Tools Display Modes
Old 08-19-2008, 05:34 PM   #1 (permalink)
New Member
 
Join Date: Aug 2008
Posts: 5
Default Rollover Problem in IE and Safari

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
eloc_86 is offline   Reply With Quote
Old 08-20-2008, 01:17 AM   #2 (permalink)
Moderator
 
jnjc's Avatar
 
Join Date: Jun 2008
Posts: 365
Default

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 is offline   Reply With Quote
Old 08-20-2008, 10:45 PM   #3 (permalink)
New Member
 
Join Date: Aug 2008
Posts: 5
Default the site

http://www.lundstromdesign.com/mainbackdrop.html
eloc_86 is offline   Reply With Quote
Old 08-21-2008, 01:19 AM   #4 (permalink)
Moderator
 
jnjc's Avatar
 
Join Date: Jun 2008
Posts: 365
Default

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

Code:
<style type="text/css">
<!--
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">
<!--
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></head> 
	

</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
jnjc is offline   Reply With Quote
Old 08-25-2008, 08:25 PM   #5 (permalink)
New Member
 
Join Date: Aug 2008
Posts: 5
Default

no not a performance trick, just stupid programming. thanks so much
eloc_86 is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 01:42 AM.


Computer Forum - TechZine - Webpage Design

 
Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.