nicht angemeldet
Hallo!
Ich hab die Bilderbuch-Funktion aus SelfHTML genommen, sie um die Aufblätter-Funktion erleichtert (brauch ich nicht) und lasse mein Bilder aus einem Array auslesen. Das klappt soweit auch alles wunderbar in Safari, Mozilla und Netscape. Nur der Internet Explorer will die Bilder nicht darstellen. Hat jemand ne Idee, warum?
Hier der Code:
<html><head>
<title>Livret</title>
<script type="text/javascript" src="../js/dhtml.js"></script>
<script type="text/javascript">
<!-- Hide from old browsers
var i = 0;
var image;
var images = new Array();
images[0] = new Image();
images[0].src = "../pics/livret/livret_00.jpg";
images[1] = new Image();
images[1].src = "../pics/livret/livret_01.jpg";
images[2] = new Image();
images[2].src = "../pics/livret/livret_02.jpg";
function next() {
if (i != 2) {
i++;
image = getElement("id", "bildbereich");
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = images[i].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + images[i].src + '">';
} else if (NS4) {
setContent("id", "bildbereich", null,
'<img src="' + images[i].src + '">');
}
}
}
function previous() {
if (i != 0) {
i--;
image = getElement("id", "bildbereich");
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = images[i].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + images[i].src + '">';
} else if (NS4) {
setContent("id", "bildbereich", null,
'<img src="' + images[i].src + '">');
}
}
}
function Init () {
bildbereich = getElement("id", "bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", images[0].src);
bildbereich.appendChild(img);
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + images[0].src + '">';
} else if (NS4) {
setContent("id", "bildbereich", null,'<img src="' + images[0].src + '">');
}
}
// -- End Hiding Here -->
</script>
<style type="text/css">
body {color:#000; background-color:#fff; margin:0px; padding:0px;}
#korkbereich {position:absolute; left:0px; top:0px; z-index:0;}
#bildbereich {position:absolute; left:5px; top:8px; width:620px; height:207px; z-index: 1;}
#navigation { position:absolute; left:14px; top:220px;
width:605px;z-index:2;}
</style>
</head>
<body onLoad="Init()">
<div id="korkbereich">
<img src="../pics/livret/background.jpg">
</div>
<div id="bildbereich"></div>
<div id="navigation">
<a href="javascript:previous()"><img src="../pics/livret/cursor_left.jpg" width="115" align="left" border="0"></a>
<a href="javascript:next()"><img src="../pics/livret/cursor_right.jpg" width="115" align="right" border="0"></a>
</div>
</body>
</html>
____________________________________
Über Hilfe wäre ich wirklich dankbar.
Gernot Back