javascript und img objekte

[mook]

Hallo!

ich moechte folgendes:

habe in einem ordner vier Bilder a.gif, b.gif, c.gif, d.gif
und moechte die bilder mit javascript vor und zurueck- navigieren.

hier kommt mein code:

<img src="a.gif" width="5" height="5" alt="">

<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "a.gif";
b[1] = new Image(); b[1].src = "b.gif";
b[2] = new Image(); b[2].src = "c.gif";
b[3] = new Image(); b[3].src = "d.gif";

var i = 0;
function nextpic () {
   if(i<4)
  i = i + 1;
  document.images[0].src = b[i].src;
}
</script>
<a href="javascript:nextpic()">naechstes Bild</a>

Die Navigation mit "naechstes Bild" klappt so weit,
nur wie mache ich das ganze auch fuer "vorheriges Bild" ?

Ich habe dafuer eine neue Funktion, naemlich prevpic,
eingebaut, aber komme hier nicht mehr weiter.

var j =0;
function prevpic () {
    if(j<3)
  document.images[0].src = b[j].src;
  j = j - 1;
}
<a href="javascript:prevpic()">vorheriges Bild</a>

Waere fuer jede Hilfe dankbar.

[Sven Rautenberg]

Moin!

Du brauchst EINEN zentralen Zähler, der die anzuzeigende Bildnummer enthält.

Hochzählen ("weiter") ist nur erlaubt, wenn der Zähler noch kleiner als die maximale Bilderzahl ist.

Runterzählen ("zurück") ist nur erlaubt, wenn der Zähler noch größer als die minimale Bilderzahl ist.

- Sven Rautenberg