Zuffalsanimation

[JürgenB]

Hallo Mathias,

ich würde das etwas anders anpacken:

ins HTML kommt das Startbild, das img-Tag erhält eine ID, über die es dann manipuliert werden kann:

<div><img id="zufbild" src="1.bmp"></div>

Ich würde übrigens nie Bilder im bmp-Format für das Internet verwenden. Wandle sie in gif, png oder jpeg um.

Im Javascript benötigst du dann ein Array mit den Bildnamen:

var bilder = new Array() ;  
bilder[0] = "1.bmp";  
bilder[1] = "2.bmp";  
...  
bilder[7] = "8.bmp";

dann benötigst du die Bildwechselfunktion, die sich nach dem Bildwechsel nach einer zufälligen Zeit wieder selbst aufruft. Diese Funktion berechnet zwei Zufallszahlen für das Bild und für die Zeit bis zum nächsten Bildwechsel:

var bildwechsel = function() {  
  var zuf_bild = [ref:self812;javascript/objekte/math.htm@title=Math].floor(Math.random()*bilder.length);  
  var zuf_zeit = Math.floor(Math.random()*10000); // Maximale Zeit: 10 Sekunden  
  document.[ref:self812;javascript/objekte/document.htm#get_element_by_id@title=getElemenById]("zufbild").[ref:self812;javascript/objekte/images.htm#src@title=src] = bilder[zuf_bild];  
  window[ref:self812;javascript/objekte/window.htm#set_timeout@title=.setTimeout]("bildwechsel()",zuf_zeit);  
}

Diese Funktion muss dann nach dem Laden des Dokuments zu ersten Mal aufgerufen werden:

window.onload = bildwechsel;

Das ganze ist nicht getestet, Tippfehler sind möglich, prüfe es also sorgfältig, lies die Doku zu den verwendeten Methoden nach und frag nach, wenn du etwas nicht verstehst.

http://de.selfhtml.org/javascript/objekte/images.htm#src@title=Hier findest du übrigens ein Beispiel zum Bildwechsler.

Gruß, Jürgen