Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

XHTML 1.0 Transitional Rollover Images Not "Rolling Over"

xhtml

  • Please log in to reply
No replies to this topic

#1 Nox - Aaron

Nox - Aaron

    CC Lurker

  • Just Joined
  • Pip
  • 1 posts

Posted 31 December 2010 - 09:50 AM

Hello all,

I have a problem. I have set rollover images via XHTML (HTML) in my document but, the rollover images are not "rolling over" when the website is viewed in Firefox, although they "roll over" in Google Chrome and Internet Explorer.

Here's my code.

IMAGE CODE
<center>
    <a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/buttons/homeon.png',1)"><img src="images/buttons/homeoff.png" alt="Revert To Home." name="Home" width="100" height="50" border="0" id="Home" /></a>
    <a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Me','','images/buttons/abouton.png',1)"><img src="images/buttons/aboutoff.png" alt="About Me." name="About Me" width="100" height="50" border="0" id="About Me" /></a>
    <a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portfolio','','images/buttons/portfolioon.png',1)"><img src="images/buttons/portfoliooff.png" alt="View My Portfolio." name="Portfolio" width="100" height="50" border="0" id="Portfolio" /></a>
    <a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/buttons/serviceson.png',1)"><img src="images/buttons/servicesoff.png" alt="View The Services I Offer." name="Services" width="100" height="50" border="0" id="Services" /></a>
    <a href="legal.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Legal','','images/buttons/legalon.png',1)"><img src="images/buttons/legaloff.png" alt="Legal Documents, Etc." name="Legal" width="100" height="50" border="0" id="Legal" /></a>
    <a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/buttons/contacton.png',1)"><img src="images/buttons/contactoff.png" alt="Contact Me Or Order My Services Through This Contact Form." name="Contact" width="100" height="50" border="0" id="Contact" /></a>

JAVASCRIPT CODE
<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>

Please someone help me figure this out,
Thank you,
Aaron Brewer - noxinnovations.com
  • 0





Also tagged with one or more of these keywords: xhtml

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download