No replies to this topic

[Nox - Aaron]

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