Hallo!
Habe ein wohl kleines aber hartnäckiges Problem mit JS und IE (was sonst)
Hier mal mein Code:
// JavaScript Document
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "images/01.jpg";
Bild[1] = new Image();
Bild[1].src = "images/02.jpg";
Bild[2] = new Image();
Bild[2].src = "images/03.jpg";
.
.
.
var bildbereich;
var zeige = 0;
var Breite = 500;
var aktuelleBreite = 0;
var Schrittweite = 10;
var Schrittverzoegerung = 1;
function Blaettern (Richtung) {
zeige = zeige + Richtung;
if (zeige > Bild.length - 1) {
zeige = 0;
} else if (zeige < 0) {
zeige = Bild.length - 1;
}
if (DOM || MSIE) {
bildbereich.style.clip = "rect(0 500px 500px 0)";
} else if (NS4) {
bildbereich.clip.right = 0;
}
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = Bild[zeige].src;
} else if (MSIE) {
document.all.bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '" height="' + Bild[zeige].height + '" width="' + Bild[zeige].width + '">';
} else if (NS4) {
bildbereich.visibility = "hide";
setContent("id", "Bildbereich", null,
'<img src="' + Bild[zeige].src + '">');
bildbereich.visibility = "show";
}
BildAufbauen();
}
function BildAufbauen () {
if (aktuelleBreite <= Breite) {
if (DOM || MSIE) {
bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 500px 0)";
} else if (NS4) {
bildbereich.clip.right = aktuelleBreite;
}
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
} else {
aktuelleBreite = 0;
if (DOM || MSIE) {
bildbereich.style.clip = "rect(0 " + Breite + "px 500px 0)";
} else if (NS4) {
bildbereich.clip.right = Breite;
}
}
}
function Init () {
bildbereich = getElement("id", "Bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", Bild[zeige].src);
bildbereich.appendChild(img);
} else if (MSIE) {
document.all.bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '" height="' + Bild[zeige].height + '" width="' + Bild[zeige].width + '">';
} else if (NS4) {
setContent("id", "Bildbereich", null,
'<img src="' + Bild[0].src + '">');
}
}
Folgendes Problem:
Safari und Firefox können das Script wunderbar anzeigen, nur der IE macht wie immer Zicken, indem er die Maße des ersten Bildes auf alle folgenden anwendet, anstatt diese jedesmal neu zu laden.
Was kann ich tun?
Aussehen tut das ganze so:
http://seblock.de/serien/life/index.html
Vielen Dank schonmal für eure Hilfe!
Grüße
seb