Trouble with Image Swap in XHTML 1.0 Strict - Web Design & Web Development Forum: HTML, CSS, JavaScript, PHP

FoxRocks · #1 08 Sep 2009, 12:10 AM

Hello,

Here is the code:

Code:

  <script type="text/JavaScript">
<!--
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_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_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>
  <title>My Name Is Fox :: Photos</title>
  <link rel="stylesheet" type="text/css" href=""theme.css"/>
  </head>
  <body onload="MM_preloadImages('../images/navbar/photos_over.jpg','../images/navbar/contact_over.jpg','../../../../images/navbar/home_over.jpg')" class="gallery">
   
<div id="wrapper">
<div id="header">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../images/logo-white.jpg" width="232" height="91" alt="My Name Is Fox" title="My Name Is Fox" /></td>
<td id="navbar" align="right"><a href="/"><img src="../images/navbar/home.jpg" alt="Home" width="92" height="20" id="home" title="Home" onmouseover="MM_swapImage('home','','../../../../images/navbar/home_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>&nbsp;&nbsp;<a href="/photos"><img src="../images/navbar/photos.jpg" alt="Photos" width="116" height="20" id="photos" title="Photos" onmouseover="MM_swapImage('photos','','../images/navbar/photos_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>&nbsp;&nbsp;<a href="/contact"><img src="../images/navbar/contact.jpg" alt="Contact" width="126" height="20" id="contact" title="Contact" onmouseover="MM_swapImage('contact','','../images/navbar/contact_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>
</div>

My page won't work if it includes the part listed in <script> otherwise it displays fine. I've looked around on the internet for an answer but it has proven unsuccessful. Any ideas for me?

Thanks in advance for your help, I appreciate your time.

~FOX~

TheBuzzSaw · #2 08 Sep 2009, 07:13 PM

I'm reading the code trying to find a solution. In the meantime, can you tell me what produced this code? Are you using Dreamweaver? I see the MM_ prefix on Javascript functions often.

FoxRocks · #3 09 Sep 2009, 01:16 AM

Hi Buzzsaw, thank you for the reply. I have in fact been using Dreamweaver Mx to make the swap image script, the rest is hand coded. Thanks for your time!

~FOX~