rod: Hidden Function Bilder verstecken

Hallo zusammen,

ich habe ein Problem mit Javascript und anzeigen im IE. Beim Firefox klappt alles astrein.

<script type="text/javascript">
<!--
function hidden()
{
Bild = document.getElementById('Bild');
Bild2 = document.getElementById('Bild2');
Bild3 = document.getElementById('Bild3');
Bild.style.visibility='hidden';
Bild2.style.visibility='hidden';
Bild3.style.visibility='hidden';
}
//-->
</script>

<body onload="hidden();">

<a href="load.html"><img src="images/Bild.gif" id="Bild"></a>

So schauts zum Beispiel aus. Jetzt soll nach dem laden der Seite das Bild nicht angezeigt werden und danach bei einem mouseover wieder. Das klappt auch soweit mit firefox. Wenn ich aber die Seite im IE anzeige sind die Bilder von Anfang an da. (Mouseover klappt aber dann wieder)

Hab ich irgendwas falsch gemacht.

Danke schon mal für eure Hilfe.

Gruß,

rod

  1. Ist übrigens der IE 7 der mir das vermasselt.

  2. So sollte es funktionieren:

    document.getElementById('Bild').style.visibility='hidden';

    oder

    var Bild = document.getElementById('Bild');

    oder

    b1 = document.getElementById('Bild');