Announcement

**Christian Marquardt** · 23.03.2010, 16:13

Stellt sich die Frage, warum du nicht in einem PHP, HTML, Javascript Forum hier postest? Mit welcher Technik soll die �nderung herbeigef�hrt werden?

**vastolorde** · 23.03.2010, 16:33

Originally posted by Christian Marquardt View Post

Stellt sich die Frage, warum du nicht in einem PHP, HTML, Javascript Forum hier postest? Mit welcher Technik soll die �nderung herbeigef�hrt werden?

Erstens - ich war mir nicht sicher wo ich posten soll da ich hier kein Forum bezogen auf CSS gefunden habe. Aber, ein Moderator kann es ja verschieben wenn er es hier als nicht angebracht empfindet. :-)

Eigentlich ist es mir fast egal wie ich das Ergebnis erziele. Solange es nicht zwingend Javascript ist. Ansonsten, hm.. ich kenne leider nur die PHP+CSS Variante, da ich in Verbindung mit diesen Stichworten auch bei Google gesucht hatte. Hier und da hatte ich zwar auch was von einer L�sung in Javascript gelesen, aber wie schon erw�hnt, Javascript muss nicht sein.

**Christian Marquardt** · 23.03.2010, 19:00

Da HTML und CSS keine Programmiersprachen sind und du kein Javascript willst und CSS Dateien durch den PHP-Interpreter nicht gerendert werden, wird dir nur �brig bleiben, die CSS-Anweisung in die PHP-Datei zu verschieben und den Link auf das Bild jedesmal per PHP neu zu bestimmen

**vastolorde** · 23.03.2010, 19:47

@Christian
hmm.. hab ich erw�hnt das ich nur begrenzt Kenntnisse in PHP und so hab? Du bist hier der Fachmann, wenn du also glaubst eine Javascript-L�sung w�re einfacher, dann bin ich ganz Ohr und auch offen daf�r. Die Bildergalerie auf meiner Website ist ja immerhin auch Javascript, was solls wenns der Header auch noch "braucht".

Wie w�rde das denn dann aussehen?

**Christian Marquardt** · 23.03.2010, 20:38

Man k�nnte im Onload der Seite ein Javascript aufrufen,welches die anzuzeigende Grafik in diesem Element berechnet und dann anzeigt

**Christian Marquardt** · 24.03.2010, 09:46

http://forum.fachinformatiker.de/web...-help-pls.html

**Falk Pr�fer** · 24.03.2010, 10:10

Hallo,

JavaScript sollte gew�hlt werden, wenn sich die Grafik �ndern soll w�hrend die Seite angezeigt wird. Wenn es lediglich darum geht eine wechselnde Grafik beim Laden der Seite anzuzeigen, dann kann man das durchaus in PHP realisieren.
z.B.:

PHP Code:


<?php

  $picNum = sprintf('%02u', rand(1, 20));

?>

...

</style>

</head>

<body>

<div id="page">





<div id="header" style="background-image:url(./css/header<?php echo $picNum; ?>.jpg)">

    <div id="headerimg">

        <h1></h1>



        <div class="description"></div>

    </div>

</div>

<hr />

Was mir allerdings nicht ganz klar ist: Warum wird das Hintergrundbild im #header-Container angezeigt, wenn es in diesem noch einen #headerimg-Container gibt, der dann leer ist? Auch ist die Auszeichnung einer leeren �berschrift (<h1></h1>) nicht sehr sinnvoll.

@Christian Marquardt: Man kann css-Dateien sehr wohl durch den PHP-Interpreter bearbeiten lassen. Entweder generell durch Angabe einer entsprechenden AddType-Angabe in der Serverkonfiguration oder durch Angabe einer PHP-Datei im href-Attribut des link-Tags f�r das Stylesheet.

HTML Code:

<link href="style.css.php" type="text/css" rel="stylesheet" />

Diese style.css.php mu� nat�rlich dann den Content-Type text/css haben und g�ltiges CSS ausliefern.

Gru� Falk

**Christian Marquardt** · 24.03.2010, 10:15

Danke f�r die Info

**vastolorde** · 26.03.2010, 04:10

Hallo,

ich hatte den Bannerwechsel in der Zwischenzeit per Javascript-L�sung hinbekommen. Allerdings war und ist da nach wie vor das Problem das sich die Headergrafik bei jedem Link �ndert der angeklickt wird.

Ich arbeite nun daran das ganze doch per PHP hinzukriegen und dann auch gleich mit Sessions. Ich bin flei�ig am Video-Tutorials schauen und wei� nun immerhin schon wie ich einfache String- oder Integer-Variablen auslesen kann, wie ich das ganze mit einem Bild mache wei� ich noch nicht, aber, mal schaun ob da noch was in den kommenden Tutorial-Lektionen dabei ist.

@Falk Pr�fer
Vielen Dank f�r den Code-Schnippsel, deine Version ist um einiges k�rzer als das was ich so �ber Google gefunden hatte.

Das mit dem Headerimage-div und der leeren �berschrift waren noch �berreste. Ich hatte urspr�nglich die �berschrift sowie einen kleinen Satz darunter auf diese Art und Weise im Header anzeigen lassen. Vor ein paar Tagen habe ich dies dann aber direkt in die Headergrafik per Photoshop eingebaut. Da ich mir aber immer noch nicht sicher war welche Variante ich nun schlu�endlich nutzen m�chte, l�schte ich erst einmal nur den Textinhalt. ;-)

**vastolorde** · 12.04.2010, 14:22

F�r alle die evtl. durch Google hierher finden will ich mal noch die L�sung des Problems posten (habe es mittlerweile hinbekommen).

Folgendes mu� am ganz oben in Zeile 1 in eure Startseite (z.b. index.php):

Code:

<?php
session_start();
// wie viel Bilder (durchg�ngig von 1 - X) sind im Ordner ?
$max = 5;
$zahl = rand(1, $max);
if ( $zahl == $_SESSION['bild'] ) {
 $zahl++;
}
$_SESSION['bild'] = $zahl;
?>

folgenden img-tag f�gt ihr dann an die Stelle ein wo das Bild erscheinen soll. Bei mir sieht das z.b. so aus:

Code:

<body>

<div id="page">
	<div id="header"> 
			<img src="../images/header/<?php echo $zahl; ?>.jpg"> 
	</div>

Auf allen anderen Seiten dann folgenden Code einf�gen...

Wieder ganz oben hin muss:

Code:

<?php
session_start();
?>

und das img-tag im body sieht nun folgenderma�en aus:

Code:

<body>

<div id="page">
	<div id="header">
			<img src="../images/header/<?php echo $_SESSION['bild']; ?>.jpg">
	</div>

Hoffe es hilft jemandem.

Gru�.

**Falk Pr�fer** · 12.04.2010, 15:17

Hallo,

Originally posted by vastolorde View Post

F�r alle die evtl. durch Google hierher finden ...

...die sollten dann besser nicht den fehlerhaften Code verwenden

.

Originally posted by vastolorde View Post

PHP Code:


<?php
session_start();
// wie viel Bilder (durchg�ngig von 1 - X) sind im Ordner ?
$max = 5;
$zahl = rand(1, $max);
if ( $zahl == $_SESSION['bild'] ) {
 $zahl++;
}
$_SESSION['bild'] = $zahl;
?>

F�r den Fall das $_SESSION['bild'] == $max (also hier == 5) ist und zuf�llig f�r $zahl wieder ein Wert == $max erzeugt wird, wird $zahl n�mlich zu $max+1 ($zahl++) und liegt damit ausserhalb des Wertebereichs von 1 bis $max. Um also einen Wechsel zu erzwingen und keine zuf�lligen Wiederholungen zuzulassen w�re hier eine Schleife g�nstiger.

PHP Code:


<?php
session_start();
// wie viel Bilder (durchg�ngig von 1 - X) sind im Ordner ?
$max = 5;
do {
  $zahl = rand(1, $max);
} while ($zahl ==  $_SESSION['bild']);

$_SESSION['bild'] = $zahl;
?>

Gru� Falk

**vastolorde** · 12.04.2010, 15:44

Es geht eben immer noch einen Tick besser. :-) Vielen Dank das wird gleich mal �bernommen und getestet.

Nur, ist es dann normal das ich keine Probleme mit dem Code wie ich ihn oben gepostet habe hatte bzw. habe?

**Falk Pr�fer** · 13.04.2010, 08:16

Originally posted by vastolorde View Post

...Nur, ist es dann normal das ich keine Probleme mit dem Code wie ich ihn oben gepostet habe hatte bzw. habe?

Die Wahrscheinlichkeit das gerade das 5. Banner angezeigt wird und "zuf�llig" als n�chstes wieder das 5. Banner ausgew�hlt wird ist nat�rlich sehr gering aber es ist eben nicht unm�glich! Es kann also durchaus sein, das dieser seltene Fall bei dir noch nicht aufgetreten ist.

Gru� Falk

Announcement

PHP + CSS wechselnde Headergrafik

PHP + CSS wechselnde Headergrafik

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment