✔ Mouseover mit mehrern Bildern

[nordi]

Hi, ich hab folgendes Problem. Ich hab eine Tabelle mit 2 Bildern - in jeder Spalte ist eins. Wenn ich auf Bild1 gehe, soll Bild1 und Bild2 gleichzeitig mit einem Hovereffekt belegt werden und wenn man mit der Maus wieder weggeht sollen wieder die Ausgangsbilder angezeigt werden. Der Hovereffekt klappt auch wunderbar, doch ein Bild1 bleibt beim Hoverbild stehen, wenn mich mit der Maus weggehe?! Ich glaub ich hab da einfach was übersehen, aber ich finde es nicht!?

Hier die JS-Funktion:

function swapImgRestore() {
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) {
  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=findObj(n,d.layers[i].document);
  return x;
}

function swapImage() {
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array;
  for(i=0;i<(a.length-2);i+=3)
  if ((x=findObj(a[i]))!=null){document.sr[j++]=x;
  if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

Hier der HTML-Code:

<td colspan="7"><a href="index.php" onMouseOut="swapImgRestore()" onMouseOver="swapImage('HOME_LOGO','','images/logo_sfte_h.jpg',1);swapImage('HOME_LOGO_UNTEN','','images/navi/logounten_h.gif',1)"><img src="images/logo_sfte.jpg" alt="HOMO_LOGO" name="HOME_LOGO" width="384" height="75" border="0" id="HOME_LOGO" /></a></td>
        </tr>
      <tr>
        <td width="94"><a href="index.php" onMouseOut="swapImgRestore()" onMouseOver="swapImage('HOME_LOGO','','images/logo_sfte_h.jpg',1);swapImage('HOME_LOGO_UNTEN','','images/navi/logounten_h.gif',1)"><img src="images/navi/logounten.gif" name="HOME_LOGO_UNTEN" width="94" height="17" border="0" id="HOME_LOGO_UNTEN" /></a></td>

Wisst ihr, woran das liegt?

 

[nordi]

Habs anders gelöst!

<td colspan="7"><a href="../index.php" onmouseover="image0.src='../images/logo_sfte_h.jpg'; image1.src='../images/navi/logounten_h.gif';" onmouseout="image0.src='../images/logo_sfte.jpg'; image1.src='../images/navi/logounten.gif';"><img src="../images/logo_sfte.jpg" alt="HOME" name="image0" width="384" height="75" border="0" id="image0" /></a></td>
        </tr>
      <tr>
        <td width="94"><a href="../index.php" onmouseover="image0.src='../images/logo_sfte_h.jpg'; image1.src='../images/navi/logounten_h.gif';" onmouseout="image0.src='../images/logo_sfte.jpg'; image1.src='../images/navi/logounten.gif';"><img src="../images/navi/logounten.gif" alt="Home" name="image1" width="94" height="17" border="0" id="image1" /></a></td>