Kai: Problem mit Array

Beitrag lesen

Hi!
Ok, ich habe den Fehler dafür gefunden. Aber jetzt habe ich das Problem, dass ich trotzdem noch einen Fehler gemacht habe. Der Next-Button funktioniert ausgezeichnet, bis i wieder auf 0 gestellt werden soll. Das wird nicht gemacht. Und das mit dem Backbutton funktioniert überhaupt nicht. Wie muss ich diese Bedingungen schreiben, dass sie funktionieren?
________________________________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
<script>
var Bilder = new Array();
 Bilder[0] = new Image();
 Bilder[0].src = "bilder/middle3.png";

Bilder[1] = new Image();
 Bilder[1].src = "bilder/middle2.png";

Bilder[3] = new Image();
 Bilder[3].src = "bilder/middle1.png";

var i = 0;
function BildWechselNext() {
if(i >= 3){
 i=0;
 document.getElementById("middle").src = Bilder[i].src;
  i++;
 } else{
 document.getElementById("middle").src = Bilder[i].src;
  i++;
 }
}
function BildWechselBack() {
 if(i <= 0){
  i = 3;
  b = i-1;
  document.getElementById("middle").src = Bilder[b].src;
 } else{
   c = i-1;
    document.getElementById("middle").src = Bilder[c].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>
________________________________________________________________________
Vielen Dank!
Kai
PS: Die Konsole zeigte das wirklich an, aber der Fehler war, dass ich eine Klammer vergessen hatte :)