Hallo!
Eigentlich müsste es doch die Möglichkeit geben, dass ich das Bild über document.images aufrufe und dann durch das schon geladene Image-Objekt ersetze.
Hab es mal so versucht:
Das Bild hat die ID "img" erhalten.
document.images["img"] = img[zeige];
Jedoch wird nur der Alternativ-Text angezeigt. In der Firefox-Fehlerkonsole ist keine Fehlermeldung vorzufinden.
Mein aktueller Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Diashow-Problem</title>
<script type="text/javascript">
var Bild = new Array();
Bild[0] = "http://www.abload.de/img/1_snapshotpi7lxdcc.png";
Bild[1] = "http://www.abload.de/img/updater3kip8ck3.png";
Bild[2] = "http://www.abload.de/img/1_snapshotg4r.png";
var img = new Array();
var aTag;
var imgTag;
var bildbereich;
var zeige = 0;
function Blaettern (Richtung) {
zeige = zeige + Richtung;
if (zeige > Bild.length - 1) {
zeige = 0;
} else if (zeige < 0) {
zeige = Bild.length - 1;
}
showPic();
}
function showPic() {
aTag.href = Bild[zeige];
document.images["img"] = img[zeige];
}
function Init () {
bildbereich = document.getElementById("Bildbereich");
aTag = document.createElement("a");
aTag.target = "_blank";
imgTag = document.createElement("img");
imgTag.id = "img";
imgTag.alt = "Bild";
imgTag.border = "0";
aTag.appendChild(imgTag);
bildbereich.appendChild(aTag);
for(var i = 0; i < Bild.length; i++) {
img[i] = new Image();
img[i].src = Bild[i];
}
showPic();
}
</script>
<style type="text/css">
body { color:black; background-color:white; }
</style>
</head>
<body onload="Init();">
<div id="Navigationsbereich">
[<a href="javascript:Blaettern(-1)"><<</a>]
[<a href="javascript:Blaettern(1)">>></a>]
</div>
<div id="Bildbereich"></div>
</body>
</html>
Funktioniert das irgendwie, dass ich über document.images das aktuelle Image-Objekt ersetze?
Gruß,
pcworld