Diashow

Mit JavaScript läßt sich auch eine kleine Diashow basteln. Die Elemente eines Bilder-Arrays werden zyklisch angezeigt.


<img name="anzeige" src="bild1.gif">
<script language="JavaScript">
var bildarray = new Array();
bildarray[0] = new Image(); bildarray[0].src="freak1.gif";
bildarray[1] = new Image(); bildarray[1].src="freak2.gif";
bildarray[2] = new Image(); bildarray[2].src="freak3.gif";
bildarray[3] = new Image(); bildarray[3].src="freak4.gif";
bildarray[4] = new Image(); bildarray[4].src="freak5.gif";
bildarray[5] = new Image(); bildarray[5].src="freak6.gif";
bildarray[6] = new Image(); bildarray[6].src="freak7.gif";
bildarray[7] = new Image(); bildarray[7].src="freak8.gif";
bildarray[8] = new Image(); bildarray[8].src="freak9.gif";
bildarray[9] = new Image(); bildarray[9].src="freak10.gif";
bildarray[10] = new Image(); bildarray[10].src="freak11.gif";
var i = 0;
 
function film()
  {
  if (i > 10) i = 0;
  document.anzeige.src = bildarray[i].src;
  i++;
  window.setTimeout("film()",1000);
  }
window.setTimeout("film()",1000);
</script>