nicht angemeldet
Hi!
Ich möchte eine Bildergalerie mit JavaScript machen. Dazu habe ich folgendes geschrieben, was aber nicht funktioniert:
________________________________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
var Bilder = new Array();
b[0] = new Image();
b[0].src = "bilder/middle3.png";
b[1] = new Image();
b[1].src = "bilder/middle2.png";
b[3] = new Image();
b[3].src = "bilder/middle1.png";
var i = 0;
function BildWechselNext() {
if(i >= 3){
i=0;
document.getElementById("middle").src = Bild[i].src;
i++;
} else{
document.getElementById("middle").src = Bild[i].src;
i++;
}
function BildWechselBack() {
if(i < 0){
i = 3;
b = i-1;
document.getElementById("middle").src = Bild[b].src;
} else{
i-1;
document.getElementById("middle").src = Bild[b].src;
}
}
</script>
</head>
<body>
<a href="#"><img src="bilder/border.png" id="border_left" width="96" height="544" alt="border_left" style="border:none;" onmouseover="MOverBack()" onmouseout="MOutBack()" onclick="BildWechselBack()"></a>
<img src="bilder/middle1.png" id="middle" width="600" height="544" alt="middle1" style="border:none;">
<a href="#"><img src="bilder/border.png" id="border_right" width="96" height="544" alt="border_right" style="border:none;" onmouseover="MOverNext()" onmouseout="MOutNext()" onclick="BildWechselNext()"></a>
</body>
</html>
________________________________________________________________________
Die JavaScriptkonsole gibt mir zurück, dass BildWechselBack() und BildWechselNext() nicht definiert seien und verweist auf Zeile1.
Ich bin mit meinem Latein am Ende...
Ich bedanke mich für jede Hilfe schon im Vorraus!
MfG, Kai
Struppi