nicht angemeldet
Ich weiß einfach nicht mehr weiter und hoffe nun auf Eure siegesreiche Hilfe.
Hallo Sita!
Mit der css-Angabe
"position:absolute; top:00; left:00; visibility:hidden;"
kann man Elemente sowohl im IE als auch im NN positionieren.
Wenn Du in derartig positionierten Elementen über eine Funktion
"bildwechsel() {gif1 = new Image; gif1.src = NeuesBild}"
, wie Du sie verwendest, die Images tauschen möchtest, dann funktioniert das nur im IE, im NN aber nicht, wie Du siehst.
Der NN würde nur dann über obiger Bildwechsel-Funktion tauschen, wenn Du die Images über Layer
<layer id="xx" top=00 left=00></layer> positionieren würdest.
Mit anderen Worten, meines Erachtens solltest Du Deinen Text nochmals überarbeiten.
Die Codes stehen alle in Selfhtml, die für Dich richtigen hier nochmals:
IE:
____________________________________________________
<script language="JavaScript">
<!--
n1 = new Image(); n1.src = "xy.gif";
H1 = new Image(); H1.src = "xyNEU.gif";
function BW(Bnr,Bobjekt) { //Bildwechsel mit onMouseOver
window.document.images[Bnr].src = Bobjekt.src;
}
function BlauAn(z) { //Bildanzeigen mit visibility
document.all.tags("div")[z].style.visibility = "hidden";
}
function BlauAus(z) { //Bildverstecken mit hidden
document.all.tags("div")[z].style.visibility = "visible";
}
//-->
</script>
Und im Dateikörper:
<div style="position:absolute; left:10; top:10">
<a href="test.htm" onMouseOver="BW(0,H1)" onMouseOut="BW(0,n1)"><img src="xy.gif" width=100 height=100 border=0></a></div>
<div style="position:absolute; left:10; top:10; visibility:hidden">
<a href="test.htm" OnMouseOver="BlauAn(1)" onMouseOut="BlauAus(1)"><img src="xy.gif" width=100 height=100 border=0></a></div>
Der gleiche Effekt im NN:
____________________________________________________
<script language="JavaScript">
<!--
n1 = new Image(); n1.src = "xy.gif";
H1 = new Image(); H1.src = "xyNEU.gif";
function BW(Bnr,Bobjekt) { //Bildwechsel mit onMouseOver
window.document.layers[Bnr].document.images[0].src = Bobjekt.src;
}
function BlauAn(z) { //Bildanzeigen mit show
document.layers[z].visibility = "show";
}
function BlauAus(z) { //Bildverstecken mit hide
document.layers[z].visibility = "hide";
}
//-->
</script>
Und im Dateikörper:
<layer left=10 top=10>
<a href="test.htm" onMouseOver="BW(0,H1)" onMouseOut="BW(0,n1)"><img src="xy.gif" width=100 height=100 border=0></a></layer>
<layer left=10 top=10 visibility=hide>
<a href="#" onMouseOver="BlauAn(1)" onMouseOut="BlauAus(1)"><img src="xy.gif" width=100 height=100 border=0></a></layer>
Viele Grüsse
Hartmut