Ich habe für eine frühere Homepage eine ganz einfache JS-Funktion angelegt, die DIV-A einschaltet und DIV-B ausschaltet. Diese Funktion soll über ein onclick im Link aufgerufen werden. Für diese Homepage funktioniert alles wunderbar sowohl auf FF als auch Safari. Ich habe die gleiche Funktion nun für eine andere Seite genommen, und sie läuft auch wieder einwandfrei auf FF, aber diesmal stellt sich Safari tot. Hat jemand eine Idee?
Hier der Code:
// Funktion versteckt Foto2 und macht Foto1 sichtbar
function SwitchImgOne()
{
document.getElementById('imgone').style.visibility = "visible";
document.getElementById('imgtwo').style.visibility = "hidden";
}
<!-- Aufruf der Funktion beim Klick auf das Vorschaubild -->
<a href="#" onclick="SwitchImgOne();"><img src="images/imgprev01.jpg" height="54" width="54" border="0"></a>
<!-- Hier die beiden Layer, die jeweils entweder sichtbar oder unsichtbar werden sollen -->
<div id="imgone" style="position:absolute; top:0; left:0; width:700; height:575px; padding:0; overflow:hidden; border:0px; z-index:11; visibility:hidden">
<img src="images/img01.jpg" border="0">
</div>
<div id="imgtwo" style="position:absolute; top:0; left:0; width:700; height:575px; padding:0; overflow:hidden; border:0px; z-index:11; visibility:visible">
<img src="images/img02.jpg" border="0">
</div>
Ich bin vermutlich schon betriebsblind... Danke für Eure Hilfe.
Sam