Banner-Wechsel beim Seitenwechsel

hallo zusammen,

ich erstelle gerade eine Homepage und möchte dass sich mein Hauptbanner immer ändert, wenn man sich auf der Seite durchklickt. Insgesammt habe ich 5 Banner erstellt.

Der Hauptbanner wird über die CSS-Datei gesteuert und alles sieht wie folgt aus:

index.php (so wird der Banner in der Index.php datei eingefügt)

</div>

	<div id="header-photo">


		</div>

.css - Datei

#header-photo {
	position: relative;
	clear: both;
	margin: 5px auto;
	height: 200px;
	width: 850px;
	background: #fff url(header-photo.jpg) no-repeat center center;
}

könntet ihr mir da bitte weiterhelfen?

Entweder bastelst du die CSS-Angabe dynamisch zusammen oder du musst mehrere div-Element haben. Die zuletzt benutzte Grafik oder zuletzt benutztes Element merkst du dir in einer Session oder in einem Cookie.

danke für eure rasche hilfe,

aber so komme ich nicht sehr weit, da mir das wissen fehlt.
Am besten ihr postet mir den code, was zusätzlich noch in die zwei dateien müsste.

Danke euch!

Zitat von Dan

Am besten ihr postet mir den code

Hähä, lustig. Nenne mir einen Grund, warum das jemand machen sollte. Helfen, ja ok, aber Quellcodes liefern, nee, eher nicht. Es würde auch nichts bringen, da du damit nichts anfangen könntest und du dann sowieso fragen müsstest, wo du das wie einbauen musst. Ein paar Grundlagen musst du schon können, sonst bringt das alles nichts.

ok entschuldigung, wusste nicht wir ihr das so handhabt,

wenn ihr mir bitte erklären könntet wie ich meine index.php bearbeiten muss, dass bei jedem seitenwechsel einen anderen banner zum vorschein kommt.

die .css datei bearbeite ich so

#header-photo {
   position: relative;
   clear: both;
   margin: 5px auto;
   height: 200px;
   width: 850px;
   background: #fff url(header-photo.jpg) no-repeat center center;
}
#header-photo1 {
   position: relative;
   clear: both;
   margin: 5px auto;
   height: 200px;
   width: 850px;
   background: #fff url(header-photo1.jpg) no-repeat center center;
}
#header-photo2 {
   position: relative;
   clear: both;
   margin: 5px auto;
   height: 200px;
   width: 850px;
   background: #fff url(header-photo2.jpg) no-repeat center center;
}
usw.

In der CSS musst du #header-photo1, #header-photo2, etc. haben, also immer mit Zahl

<?php
   $anzahlBanner = 5;

   $numbers = range(1,$anzahlBanner);

   srand((float)microtime() * 1000000);
   shuffle($numbers);

   $name = "#header-photo" . $numbers[0];

   echo "<div id='$name'>\n";
?>