Siechfred: Random CSS Zeile

Beitrag lesen

Tag Björn.

ich habe ein Problem.Ich möchte für einen Headkopf bei jedem laden der Seite ein anderes Bild zeigen. [...] Gibt es hierfür eine CSS Lösung?

Der Vollständigkeit halber sei erwähnt, dass es im IE die Möglichkeit gibt, Javascript und CSS zu verbinden, die sog. CSS-Expressions. Damit kannst du den Rückgabewert einer Script-Anweisung einem CSS-Attribut als Wert zuweisen:

Der Javascript-Teil:

// erzeuge Zufallszahl zwischen 1 und 20  
nr = Math.floor(Math.random() * 20) + 1;  
bild = "url(backgrd_nr" + nr + ".gif)";  
  
function constantExpression(const) {  
  return const;  
}

Der CSS-Teil:

body {  
  background-image:url(default.gif);  
}  
* html body {  
  background-image:expression(constantExpression(bild));  
}

Im IE bekommst du so bei jedem Reload ein zufälliges Hintergrundbild aus der Reihe backgrd_nr1.gif ... backgrd_nr20.gif, in allen anderen Browsern ist das Hintergrundbild "default.gif" (siehe hierzu Star-HTML-Hack).

Siechfred