JavaScript - Beispiel-Quelltext


<HTML>
<HEAD>
<TITLE>JavaScript - Übungen</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
// Hier beginnen die JavaScript-Anweisungen

  // Feld fuer Bilder anlegen
  var img = new Array();
  img[0] = new Image();
  img[0].src = "../img/js-img1.jpg";
  img[1] = new Image();
  img[1].src = "../img/js-img2.jpg";
  img[2] = new Image();
  img[2].src = "../img/js-img3.jpg";
  img[3] = new Image();
  img[3].src = "../img/js-img4.jpg";
  img[4] = new Image();
  img[4].src = "../img/js-img5.jpg";
  // Indexzaehler  
  var ind = 0;
  // Timeout fuer Veraenderung
  var tim = 5000;
    
  function diashow() { 
    // Zaehler anpassen
    if(ind > 4) {
      ind = 0;
    }
    // Bildname ausgeben
    window.status = "Aktuelles Bild: " + window.document.images[0].src;
    // Bild aendern
    window.document.images[0].src = img[ind].src;
    // Index hochzaehlen
    ind = ind + 1;
    // Timeout setzen
    window.setTimeout("diashow()", tim);
  }

// Hier enden die JavaScript-Anweisungen
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="diashow();">
<H2>JavaScript - Übungen</H2>
<HR>
<CENTER>
<H3>Diashow</H3>
<IMG SRC="../img/js-img1.jpg" WIDTH="250" HEIGHT="375" BORDER="1">
</CENTER>
<HR>
</BODY>
</HTML>