Automatischer Bildwechsel-3

[Hape]

In den Header:

Code: Alles auswählen

<script type="text/javascript">
<!--
// Variablen
var imgs = new bildarray;
var i = 1;
var Delay = 10000;
// Funktionen
function bildarray() {
  this[0] = "1.jpg"; // JavaScripts beginnen beim Zählen immer mit 0
  this[1] = "2.jpg"; // Bild 1 ist also schon 2.gif
  this[2] = "3.jpg";
  this[3] = "4.jpg"; // die gif oder jpg koennen irgendwie benannt werden
  this[4] = "5.jpg"; // Bild 4 ist das letzte, bevor es wieder von vorne los geht
}
function wechsel() {
  if (i < 4) {  // solange die Variable i kleiner als 4 ist -das letzte Bild-
    i += 1;     // rechne zu i 1 dazu
    } else {    // sonst, also nach Bild 4
    i = 0;      // wird die Variable i wieder auf 0 gesetzt
  }

// das erste Bild des Dokuments erhält eine neue Adresse aus dem Array mit dem Index i
  document.images[0].src = imgs[i];
  setTimeout("wechsel()",Delay); // warten und nächstes Bild
}
//-->
</script>

In den Body-Tag einfügen:

Code: Alles auswählen

onLoad="wechsel()"

in den Body:

Code: Alles auswählen

<img src="1.jpg" width="85px" height="66px" alt="Diashow" />