post #1 of 1
Thread Starter 
EDIT:
Uh, nevermind.
It works when I put the actual webpage online.
For whatever reason.



I've done a few rollover hyperlink images in Dreamweaver and here is the strange issue. I have five images, but when I put my mouse between any two images it shows the rollover image for the first one.

Here is the code for the images:

Code:
<td width="652"><a href="http://acmailserver.dyndns.org" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','http://i.imgur.com/q0UMT.png',1)"><img src="http://i.imgur.com/Iwfyj.png" name="home" width="100" height="30" border="0" id="home" /><img src="navigation links/Bar.png" width="10" height="30" /></a><a href="http://acmailserver.dyndns.org/products.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','navigation links/Products 2 (0;00;00;00).png',1)"><img src="navigation links/Products (0;00;00;00).png" name="Image8" width="150" height="30" border="0" id="Image8" /></a><a href="http://acmailserver.dyndns.org" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','navigation links/Home 2 (0;00;00;00).png',1)"><img src="navigation links/Bar.png" alt="" width="10" height="30" /></a><a href="http://acmailserver.dyndns.org/gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','navigation links/Gallery 2 (0;00;00;00).png',1)"><img src="navigation links/Gallery (0;00;00;00).png" name="Image13" width="120" height="30" border="0" id="Image13" /></a><a href="http://acmailserver.dyndns.org/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','navigation links/Contact 2 (0;00;00;00).png',1)"><img src="navigation links/Bar.png" width="10" height="30" /><img src="navigation links/Contact (0;00;00;00).png" name="Image12" width="130" height="30" border="0" id="Image12" /></a><a href="http://acmailserver.dyndns.org" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','navigation links/Home 2 (0;00;00;00).png',1)"><img src="navigation links/Bar.png" alt="" width="10" height="30" /></a><a href="http://acmailserver.dyndns.org/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','navigation links/About 2 (0;00;00;00).png',1)"><img src="navigation links/About (0;00;00;00).png" name="Image10" width="100" height="30" border="0" id="Image10" /></a></td>
Here is the javascript:
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>
Here is the website:
Website
Edited by kiwiasian - 10/5/11 at 2:46pm