nicht angemeldet
Habe auf einer Seite 2 Bilder so plaziert, dass sie sich überlappen. Bei OnMouseOver soll das hintere Bild in den Vordergrund rücken. Mein Source-Code sieht nun wie folgt aus:
<!--
<html>
<head>
<title></title>
<SCRIPT language="JavaScript">
function layerUp(name){
document.all.getElementById(name).style.zIndex += 2;
}
function layerDown(name){
document.all.getElementById(name).style.zIndex -= 2;
}
</SCRIPT>
</head>
<STYLE type="text/css">
#divBild1{position:absolute;top:0; left:10;z-index:2}
#divBild2{position:absolute;top:0; left:120;z-index:1}
</STYLE>
<body>
<div id="divBild1"><img src="images/bild1.gif" border="0" ></div>
<div id="divBild2">
<img src="images/bild2.gif" border="0"
OnMouseOver="layerUp('divBild2')"
OnMouseOut="layerDown('divBild2')">
</div>
</body>
</html>
-->
Problem an der Sache ist, dass mein Browser (IE6) mir immer die Fehlermeldung gibt: "Das Objekt unterstützt die Eigenschaft oder Methode nicht". Über die Methode setAttribute habe ich das ans laufen bekommen, aber mir ist wichtig das ich die STYLE-Id in die Funktion übergeben kann, damit ich nicht für 50 Bilder 50 Funktionen schreiben muss. Und die Möglichgeit sehe ich nur mit getElementById.
Vielleicht weiss irgendjemand, wo der Fehler liegt oder wie mans besser machen kann. Danke schonmal !
Mfg BullFrog