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 :)