• Home
• »»
• Javascript
• »»
• Bilder wechseln als Diashow

Hier kann man vor- und zurück blättern.
  

Hier der Quelltext :

var im = new Array("../../Bilder/aluser1.gif",
	           "../../Bilder/aluser2.gif",
		   "../../Bilder/aluser3.gif");
i = 0;
function vorwaerts() {
 if (i != 2) {
  document.images.dia.src = im[i+1];
  i++;
  }
 }
function zurueck() {
 if (i != 0) {
  document.images.dia.src = im[i-1];
  i--;
  }
 }

Und für das Bild :

<img name="dia" src="../../Bilder/aluser1.gif" width="152" height="172" border="0" alt="">

Es wird ein Array erstellt mit allen aufzurufenden Bildern.
Bei "vorwaerts" erkennt ein Zähler, wann alle 3 Bilder durchgelaufen sind und stoppt dann. Bei "zurueck" erkennt auch ein Zähler, wann alle 3 Bilder rückwärts durchgelaufen sind und stoppt dann.