Bsheep: Mouseover (Image) zieht Tabelle auseinander

Beitrag lesen

Hallo zusammen!

Ich habe für meine Website eine Tabelle mit Miniaturansichten von einer Auswahl an selbst erstellten Bildern gemacht.
Nun möchte ich, dass bei mouseover das Bild in Originalgröße angezeigt wird, ohne jedoch eine separate Unterseite zu erstellen, in dem ich das Bild einbinde.
Eigentlich funktioniert es auch soweit. Doch wenn ich eines der Miniaturansichten auswähle zieht es mir die Tabelle auseinander.
Es soll jedoch lediglich das Originalbild drüber legen.
Kann mir dabei vielleicht jemand helfen?

Hier mal als Beispiel einen Screen von der Tabelle und bei mouseover:
http://i119.photobucket.com/albums/o145/DieKleeneHexe/Tabelle.jpg
http://i119.photobucket.com/albums/o145/DieKleeneHexe/Tabellemouseover.jpg

Einen lieben Gruß,
Bianca

(Tabelle wurde hier gekürzt und Dateinamen habe ich durch einen anderen Text ersetzt)

<script language="JavaScript">
<!-- Begin

image1 = new Image;
image1.src = "Name des ersten Bildes.gif";

image2 = new Image;
image2.src = "Name des ersten Bildes klein.gif";

image3 = new Image;
image3.src = "Name des zweiten Bildes.gif";

image4 = new Image;
image4.src = "Name des zweiten Bildes klein.gif";

// End -->
</script>

<table width="600" border="0">
      <tr>
        <td width="150"><a href="dateiname.htm"
onMouseOver="button01.src=image1.src"
onMouseOut="button01.src=image2.src">
<img src="Name des ersten Bildes klein.gif" wborder="0" name="button01"> </a></td>
        <td width="150"><a href="dateiname.htm"
onMouseOver="button03.src=image3.src"
onMouseOut="button03.src=image4.src">
<img src="Name des zweiten Bildes klein.gif" wborder="0"
name="button03">
</a></td> </tr>
    </table>