Random image in CSS

Zitat von kdw

Leider zeigt mir der CSSviewer im Firefox immer das Background-image: random.php an, an statt das PHP zu expandieren.

Das ist schon richtig, des PHP-Script ändert ja nichts an der CSS-Datei selber, sonder gibt einfach das Bild dirket an den Browser zurück, wenn er es anfordert. Also steht dann beim Aufruf der CSS-Datei eben nicht ein zufällig generierter Bildname, wie 'Background-image: bild01.gif' oder so drin. Wenn man das will, müßte man die CSS-Date per Script "On The Fly" erzeugen.
Außerdem müßte es, wenn übehaupt,

background-image: url(random.php);

heißen.

Gruß
Ingo

Es gibt zwei Möglichkeiten, ein Headerbild einzufügen. Für beide Fälle ist in diesem Beispiel vorausgesetzt, dass die insgesamt vier unterschiedlichen Bilder im Verzeichnis [Dein_Theme]/images liegen.

1.) als background-image im HTML eingebettet
2.) als background-image im css

zu 1.)

In die header.php von Wordpress folgenden Code einbauen:

<?php
$new[1] = "header0.jpg";
$new[2] = "header1.jpg";
$new[3] = "header2.jpg";
$new[4] = "header3.jpg";
$zufall = rand(1,4);
?>

Und dann so aufrufen für das Headerbild:

background: url(images/header<?php echo $new[$zufall]; ?>) no-repeat;

zu 2.)
Die style.css muß in style.php umbenannt werden und damit sie weiterhin als css-Datei erkannt wird, muß man sie als text/css ausgeben, und das geht folgendermaßen: Einfach

<?php
header("content-type: text/css");
?>

ganz oben (wichtig!) in die css hineinschreiben. Dann dort den anderen Codeschnipsel eingeben:

<?php
$new[1] = "header0.jpg";
$new[2] = "header1.jpg";
$new[3] = "header2.jpg";
$new[4] = "header3.jpg";
$zufall = rand(1,4);
?>

und an der richtigen Stelle im css z.B. so einbinden:

#header: background: url(images/<?php echo $new[$zufall]; ?>) ;

Da Du ja nun die style.php hast, darfst du die style.css aber trotzdem nicht aus dem Theme löschen, das gibt sonst Probleme. Die style.css darf ruhig leer sein. Das könnte man sicher eleganter lösen, aber wie, habe ich noch nicht ergründet.

Achso, ich hatte gedacht, daß Du das oben von leviathan zitierte Script verwendest. Damit geht es so, wie ich es beschrieben habe. Beispielsweise unter http://ein.gabedaten.de/ zu sehen. Einen Nachteil dieser Methode will ich aber auch nicht verschweigen. Der Cache-Mechanismus des Browsers greift hier nicht, das heißt die Bilder werden bei jedem Aufruf immer komplett neu geladen.

Wenn Du es aber so machen willst, wie jetzt von Dir bschrieben, mußt Du wohl den von copernica ausführlich beschriebenen Weg gehen.
Das Problem liegt einfach darin, das die CSS-Datei (oder besser der Server) nichts von PHP an der Stelle weiß, also 'random.php' einfach unbehandelt läßt.

Gruß
Ingo