Flexible Reihenfolge

[Lukas]

Hallo!
Ich habe eine "Galerie". Wenn man auf den Next-Button klickt, wird aus einem Array ausgelesen, welches Bild jetzt angezeigt werden muss. Nach dem ein Bild ausgelesen wurde, wird eine Variable um 1 erhöht, damit beim nächsten Mal das nächste Bild angezeigt wird.
Wenn ich auf "Zurück" klicke, dann geschieht das gleiche, nur die Arrays sind in einer anderen Reihenfolge.
Mein Problem: Es soll bei einem Klick auf Back immer das letzte Bild anzeigen. Aber ich kann ja nicht eine feste Reihenfolge, die immer eigehalten wird, festlegen. Wie kann ich eine flexible Reihenfolge erreichen, damit nach Bild3 das Bild2 und nicht Bild1 angezeigt wird?

Hier ist ein kleiner Ausschnitt des Quelltextes:

// definiert die Bilder für die Funktion Back()
var a = new Array();
 a[0] = new Image();
 a[0].src = "bilder/middle2.png";

a[1] = new Image();
 a[1].src = "bilder/middle3.png";

a[2] = new Image();
 a[2].src = "bilder/middle1.png";
 var c = 0;
// verwendet die Arrays, in denen die Bilder für die Funktion Back() gespeichert sind
function Back() {
 if (c > 2)
  c = 0;
 document.images[3].src = a[c].src;
  c = c + 1;
}

// definiert die Bilder für die Funktion Next()
var b = new Array();
 b[0] = new Image();
 b[0].src = "bilder/middle3.png";

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

b[2] = new Image();
 b[2].src = "bilder/middle1.png";
 var d = 0;
// verwendet die Arrays, in denen die Bilder für die Funktion Next() gespeichert sind
function Next() {
 if (d > 2 )
  d = 0;
 document.images[3].src = b[d].src;
  d = d + 1;
}

===========================
Vielen Dank für eure Hilfe!
Mit dankbaren Grüßen, Lukas

[Gunnar Bittersmann]

Hello out there!

Wenn ich auf "Zurück" klicke, dann geschieht das gleiche, nur die Arrays sind in einer anderen Reihenfolge.

DIE Arrays? Nein, du brauchst nur eins! (Dessen Name sei 'foo'.)

Beim Vorwärtsschalten erhöhst du den Index um 1 (und setzt ihn auf 0, wenn du bei foo.length angekommen bist).

Beim Zurückschalten verminderst du den Index um 1 (und setzt ihn auf foo.length - 1, wenn du bei -1 angekommen bist).

See ya up the road,
Gunnar

[Lukas]

Hi!
Aha. Danke für deine Antwort. Aber ich weiß wirklich nicht, wie ich das jetzt JavaScript beibringen soll? Wie sieht ein solcher Array aus und wie übergebe ich das "gehe ein Bild zurück" an eine Funktion? Gibt es vielleicht eine andere Seite, auf der etwas ähnliches realisiert ist?

Vielen Dank für eure Antworten.
Ciao, Lukas

[Gunnar Bittersmann]

Hello out there!

Gibt es vielleicht eine andere Seite, auf der etwas ähnliches realisiert ist?

Da wird doch nicht etwa sowas in http://de.selfhtml.org/@title=SELFHTML sein? Nein! ... Oder doch? Mal nachschauen. Click.

Was war doch gleich das Thema? Ah, http://de.selfhtml.org/javascript/@title=JavaScript. Click.

Oh!!1 Wow!!111 Da gibt’s ja http://de.selfhtml.org/javascript/beispiele/@title=Anwendungsbeispiele!!111einself Click.

Hm, schade, nichts mit Galerie ... Oh, warte! Da gibt’s ja noch mehr <http://de.selfhtml.org/dhtml/beispiele/@title=Beispiele für die Praxis>! Click.

Jetzt aber „self“ weiter ...

See ya up the road,
Gunnar

[Lukas]

Hi!
Vielen vielen Dank!

Jetzt aber „self“ weiter ...

Ok! Mach ich.
:-)
Liebe Grüße, (der dankbare) Lukas