wechselndes Hintergrundbild für den Seitenkopf

[Don P]

Hallo,

Da musst du dich wohl bei MooTools kundig machen. Dein Fader jedenfalls ist damit gebaut worden.

Habe mal kurz recherchiert: Welches Bild jeweils angezeigt wird, steht in

  var show = function() {  
    images[currentIndex].fade('out');  
    images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');  
  };  

images ist das Array mit den Bildern und currentIndex ist die Bildnummer. Die wird in der 2.Zeile zum Anzeigen des nächsten Bilds immer eins hochgezählt mit currentIndex+1 oder, wenn das Ende des Arrays erreicht ist, auf 0 gesetzt, so dass die Show wieder von vorn beginnt.

Diese 2. Zeile musst du also ändern, damit currentIndex nicht einfach hochgezählt wird, sondern eine zufällige Nummer zugewiesen bekommt.
Eine zufällige Zahl bekommt man in MooTools mit [link:http://mootools.net/docs/core125/core#random@title=$random(min, max)] wobei min und max die kleinste bzw. gößte Zahl ist, die man haben will.
Deine kleinste Bildnummer ist 0 (Array Indizes fangen bei 0 an) und die größte ist images.length-1, also bei vier Bildern z.B. Bild 0 bis 3.

Die 2. Zeile muss demnach so aussehen:

~~~javascript images[currentIndex = $random(0, images.length - 1)].fade('in');

Das sollte funktionieren (hab's nicht getestet). Allerdings kann es natürlich vorkommen, dass der Zufall mehrfach hintereinander dasselbe Bild aussucht. Wenn es insgesamt nur wenige Bilder sind, kommt das auch öfter vor.  
  
Willst du das verhindern, dann musst du halt vor der Neuzuweisung an currentIndex in einer Schleife den Zufall solange aussuchen lassen, bis er eine andere Nummer gefunden hat. Das überlasse ich mal dir. Ist ja hier \*SELF\*HTML :)  
  
Gruß, Don P