nicht angemeldet
Bildwechsel
Hallo!
Ich habe ein kleines JavaScript Script geschrieben.
Wenn man mit der Maus über das eine Bild fährt (Over) dann erscheint ein anderes Bild und wenn der Mauszeiger das Bild wieder verlässt dann kommt wieder das anfangs Bild.
Es funktioniert im Opera und dem Ie aber leider nicht im Mozilla. :(
Gibt es für Mozilla bzw. Netscape eine andere Syntax?
function changein(x) {
document.getElementById(x).src = x + "1.gif";
}
function changeout(x) {
document.getElementById(x).src = x + ".gif";
}
<div style="position:absolute; top:41px; left:354px"><img id="sxb4" onMouseOver="changein('sxb4')" onMouseout="changeout('sxb4')" src="sxb4.gif"></div>
-
Hi,
ich denke es liegt an getElementById. In SelfHTML gibt es ein gutes Beipiel das funktionieren dürfte:
http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
Viele Grüße
Ben--
Phantasie ist wichtiger als Wissen. - Albert Einstein -
Guude!
Ich weiss nicht, wo genau das Problem bei Deinem Skript liegt, ich weiss aber sehr wohl, dass das Beispiel in http://selfhtml.teamone.de/javascript/beispiele/buttons.htm mit allen Browsern klappt...
LG ausm Hesseland
Lemmy -
hi,
Ich habe ein kleines JavaScript Script geschrieben.
Wenn man mit der Maus über das eine Bild fährt (Over) dann erscheint ein anderes Bild und wenn der Mauszeiger das Bild wieder verlässt dann kommt wieder das anfangs Bild.
Es funktioniert im Opera und dem Ie aber leider nicht im Mozilla. :(
Gibt es für Mozilla bzw. Netscape eine andere Syntax?Normalerweise hat Moz kein Problem, sowas hier funktioniert einwandfrei:
<html>
<head>
<style type="text/css">
#ebene0 {
position:absolute;
top:100px;
left:100px;
}
</style>
<script language="javascript1.2">
function sw(st) {
document.getElementById("lala").src = st? "norm.gif" : "leer.gif"
}
</script>
</head>
<body>
<div id="ebene0"><img id="lala" src="norm.gif" width="30" height="30" border="0" alt="" onmouseover="sw(0)" onmouseout="sw(1)"></div>
</body>
</html>Ich denke daher, dass Dein Fehler woanders liegt.
<div style="position:absolute; top:41px; left:354px"><img id="sxb4" onMouseOver="changein('sxb4')" onMouseout="changeout('sxb4')" src="sxb4.gif"></div>
im NC 4x gehts natuerlich nicht, da muss der Layer extra referenziert werden.
Gruesse Joachim