nicht angemeldet
Hallo:
Ich bin gerade dabei eine Bildervorschau in JS in meine Seite zu schreiben.
Dabei lasse ich die .src des Bildes per Script ändern und möchte dieses danach dynmisch je nach der Größe des jeweiligen Bildes ausrichten. dazu nutze ich folgenden Code:
#gal {
position:absolute;
height:100%;
width:100%;
z-index:10;
background-image:url('trans.png');
text-align:center;
visibility:hidden;
}
#galct {
position:absolute;
top:50%;
margin:0px;
}
#galnav {
visibility: hidden;
}
--></style>
<script>
function pos(bild2) {
document.getElementById("galct").style.margin = "-" + bild2.offsetHeight/2 + "px 0px 0px " + "-" + bild2.offsetWidth/2 + "px";
alert("-" + bild2.offsetHeight/2 + "px 0px 0px " + "-" + bild2.offsetWidth/2 + "px");
}
function showgal(file,count,type) {
document.getElementById("gal").style.visibility = "visible";
document.getElementById("galimg").src =bild = "content/img/" + file + "." + type;
bild = document.getElementById("galimg")
pos(bild);
}
</script>
</head>
<body>
<!--- GALERY -->
<div id="gal">
<div id="galct">
<img src="blank.gif" id="galimg" alt="" border="0"><br>
<div id="galnav">Navigation</div>
</div>
</div>
<!-- --->
Im IE funktioniert alles, nur der Firefox muckt: Er bindet das bild ein, nutzt dann zum Ausrichten aber die Breite und Höhe (offsetHeight bzw. offsetWidth) der "blank.gif" und nicht die des neuen Bildes.
Wisst Ihr Rat?