Björn Daniel Weissberg: onMouseOver Button funktioniert nicht

Beitrag lesen

Seit längerem versuche ich vergeblich onMouseOver-Buttons in meine Homepage zu integrieren, das Problem besteht darin, dass der Button nicht wechselt, wenn ich mit dem Cursor drüberlaufe.
Ich habe einfach alles probiert, was mir eingefallen ist, recherchierte im Internet, konnte jedoch keine Lösung finden.
Warum wechselt das Image nicht?

Hier einmal der Quelltext:

<HTML>
<HEAD>
<TITLE>Test
</TITLE>

</HEAD>
<BODY>
<script language="Javascript">
<!-- if (document.images)
       { img1on=new Image();
         img1on.src="2.gif";

img2on=new Image();
         img2on.src="3.gif";

img1off=new Image();
         img1off.src="1.gif";

img2off=new Image();
         img2off.src="4.gif";
                        }
         function imgOn(imgName)
         { if (document.images) { document[imgName].src=eval(imgName + "on.src"); } } function imgOff(imgName) { if (document.images) { document[imgName].src=eval(imgName + "off.src"); } } // -->
        </script>
<TABLE border="0">
<TR>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
<TD><A HREF="blanc" target="haupt" onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')"> <img border=0 SRC="1.gif" name=img1></A> </TD>
</TR>
<TABLE/>
</BODY>
</HTML>