✔ Wechselndes Hintergrundbild - wie umsetzen?

[Muckel1986]

Hallo zusammen,

habe bei meinem neuen Layout ein div, in dem einmal der Titel und ein Untertitel steht und zu dem per css ein Hintergrundbild da ist. Der CSS-Teil schaut so aus:

#oben {
	margin:0em 2.5em 0em 2.5em;
	padding:0em;
	height:15em;
	color:#fff;
	background-color:#CCC;
	border-top:solid 0.5em #fff;
	border-left:none;
	border-bottom:solid 0.5em #fff;
	background-image: url(Grafiken/logo/01.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

Nun würde ich es aber gerne haben, dass bei jedem laden der Seite, eines der Bilder im Ordner logo angezeigt wird. Zurzeit habe ich dort neun Bilder und die sollten abwechselnd immer wieder angezeigt werden.

Doch wie kann ich das verwirklichen?

LG
Muckel

 

[Maik]

Hi,

mit CSS alleine auf jeden Fall nicht, denn hierfür ist ein server- oder clientseitiges Script erforderlich.

• PHP:
  

<?php
header('Content-Type: text/css; charset=ISO-8859-1');

$bgs=array(
              'Grafiken/logo/01.jpg',
              'Grafiken/logo/02.jpg',
              'usw.'
             );
  shuffle($bgs);
?>

#oben {
	margin:0em 2.5em 0em 2.5em;
	padding:0em;
	height:15em;
	color:#fff;
	background-color:#CCC;
	border-top:solid 0.5em #fff;
	border-left:none;
	border-bottom:solid 0.5em #fff;
	background-image: url(<?php echo $bgs[0];?>);
	background-position:left bottom;
	background-repeat:no-repeat;
}

• Javascript:
  
  http://www.pmob.co.uk/temp/randombgimage2.htm

mfg Maik