Eric Teubert: Hintergrundbild zufällig wechseln

Beitrag lesen

Hi,

hm, eine Idee wäre, das mit CSS zu lösen, da gibt es ja die Möglichkeit von

background:url(-ichbineintollerpfad-);

Da könnte man eine Variable hineinsetzen, z.B.

background:url(<?echo$bild?>);

Davor brauchst du natürlich eine Bestimmung des Bildes:

$zufall=rand(1,3); // Je nachdem, wieviele Bilder du hast

switch ($zufall) {
  case 1: $bild="pfadzubildeins";break;
  case 2: $bild="pfadzubildzwei";break;
  case 3: $bild="pfadzubilddrei";break;
}

Insgesamt also folgendermaßen:

<?
$zufall=rand(1,3); // Je nachdem, wieviele Bilder du hast

switch ($zufall) {
  case 1: $bild="pfadzubildeins";break;
  case 2: $bild="pfadzubildzwei";break;
  case 3: $bild="pfadzubilddrei";break;
}

<!-- CSS - Teil, wo auch immer du das hinhaben willst -->
background:url(<?echo$bild?>);
<!-- CSS - Teil Ende -->

So, jetzt hast du nurnoch ein kleines Problem - es wird bei jedem Klick geändert aber auch das kann man umgehen. Am Anfang eine Abfrage, ob $bild belegt ist oder nicht. Dann übergibst du die Variable einfach mit jedem Klick auf der Page und schon bleibt das Bild dasselbe.

Voila, nichtmal JS verwendet ;)

MfG

Eric