René: Bei mehreren maussensitven Links funktioniert mouseover nicht mehr

Ich habe mir ein paar graphiken gemacht und wollte sie als Navileiste
mit Mouseover verwenden.

Wenn ich nur einen Link mit mOuseover mache, funktioniert mouseover auch.

Wenn ich dann weitere Links mit Mouseover reinschreibe, funktioniert mouseover nicht mehr:

Bei NN und IE5 dasselbe Ergebnis und wenn man die Seite mit den mehreren Mouseover ansieht und über den die Links "streicht" sieht man etwas völlig verrücktes.

Der letzte Link wird zum MOuseover für die anderen.

Ich hab das Zeug mal online gestellt um zu zeigen, dass ich keinen großen an der Waffel habe und nicht an Halos leide:(

Der Link für die mehreren Mouseover Effekte is http://members.aon.at/cybar/redesign/text.html

Der Quellcode dazu:

<html>
<head>
<title>Willkommen bei mir *g*</title>
<meta name="author" content="Grassegger Rene">
<link rel="stylesheet" type="text/css" href="css/basics.css">
</head>
<body text="#0066CC" bgcolor="#CCCCCC" link="#808080" alink="#0066CC" vlink="#808080">

<table>
<tr>
<td><a href="graphix.html" onmouseover="image.src='./images/graphix2.gif';" onMouseOut="image.src='./images/graphix1.gif';">
<img name="image" src="./images/graphix1.gif" border="0"></td>
<td><a href="logoz.html" onmouseover="image.src='./images/logoz2.gif';" onMouseOut="image.src='./images/logoz2.gif';">
<img name="image" src="./images/logoz1.gif" border="0"></a></td>
<td><a href="artz.html" onmouseover="image.src='./images/artz2.gif';" onMouseOut="image.src='./images/artz1.gif';">
<img name="image" src="./images/artz1.gif" border="0"></a></td>
<td><a href="ideaz.html" onmouseover="image.src='./images/ideaz2.gif';" onMouseOut="image.src='./images/ideaz1.gif';">
<img name="image" src="./images/ideaz1.gif" border="0"></a></td>
<td><a href="design.html" onmouseover="image.src='./images/design2.gif';" onMouseOut="image.src='./images/design1.gif';">
<img name="image" src="./images/design1.gif" border="0"></a></td>
</tr>
</table></a>

</body>
</html>
------------------------Ende SourceCode---------------------------

Der Link zu dem einzelnen Mouseover http://members.aon.at/cybar/redesign/text2.html

Der Quellcode dazu:

<html>
<head>
<title>Willkommen bei mir *g*</title>
<meta name="author" content="Grassegger Rene">
<link rel="stylesheet" type="text/css" href="css/basics.css">
</head>
<body text="#0066CC" bgcolor="#CCCCCC" link="#808080" alink="#0066CC" vlink="#808080">

<table>
<tr>
<td><a href="graphix.html" onmouseover="image.src='./images/graphix2.gif';" onMouseOut="image.src='./images/graphix1.gif';">
<img name="image" src="./images/graphix1.gif" border="0"></td>
</tr>
</table></a>

</body>
</html>
----------------------Ende des SourceCodes---------------------------

Ich hab auch schon im Archiv unter Mouseover "einiges" durchgelesen, aber nicht das richtige gefunden.

Und bei selfhtml hab ich auch keinen Grund gefunden, warum das nicht funktionieren sollte.

Ich hab den Code von Ideenreich.com aus ner HIlfe kopiert und er hat wie gesagt wunderbar funktioniert,  nur eben nur bei einem Link.

##################################################################

  1. Bei NN und IE5 dasselbe Ergebnis und wenn man die Seite mit den mehreren Mouseover ansieht und über den die Links "streicht" sieht man etwas völlig verrücktes.

    Der letzte Link wird zum MOuseover für die anderen.

    Nachtrag: Das Verrückte das ich meinte, passiert nur mit Netscape!

    Und Dank im Voraus für euere Bemühungen

    M.f.g.

    René

  2. Hallo Rene,

    »»  <td><a href="graphix.html" onmouseover="image.src='./images/graphix2.gif';" onMouseOut="image.src='./images/graphix1.gif';">

    <img name="image" src="./images/graphix1.gif" border="0"></td>

    »»  <td><a href="logoz.html" onmouseover="image.src='./images/logoz2.gif';" onMouseOut="image.src='./images/logoz2.gif';">

    <img name="image" src="./images/logoz1.gif" border="0"></a></td>

    Dein Fehler liegt im Aufruf image.src="" und darin, daß alle deine Bilder den gleichen Namen haben.

    ändere es wie folgt ab:

    <td><a href="graphix.html" onmouseover="document.image1.src='./images/graphix2.gif';" onMouseOut="document.image1.src='./images/graphix1.gif';">

    <img name="image1" src="./images/graphix1.gif" border="0"></td>

    »»  <td><a href="logoz.html" onmouseover="document.image2.src='./images/logoz2.gif';" onMouseOut="document.image2.src='./images/logoz2.gif';">

    <img name="image2" src="./images/logoz1.gif" border="0"></a></td>

    Viele Grüße

    Antje

    1. Hallo Antje!!!!!!!*G*

      DAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnkeDAnke

      das hat funktioniert, wenn ich also mehrere Mouseover in ner Seite verwende muss ich das immer so machen.

      Da wär ich ja nie draufgekommen(doof*g*)

      Unwürdig sich auf den Boden werfend

      René

      Danke!