zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zufall für Hintergrundbild in einer Box?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.12.2006, 01:50
Benutzerbild von Ivory
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2006
Ort: L.E.ipzig
Beiträge: 11
Ivory befindet sich auf einem aufstrebenden Ast
Frage Zufall für Hintergrundbild in einer Box?

Hallo

Hier erstmal der Link: #KLICK#


So,
Was ich will das der Header immer zufällig kommt.
Aber, kann ich das auch irgendwie lösen das dass Headerbild weiterhin als hintergrund in der box bleibt?

Code:
#header{
	background:#CC0000;
	background-image: url(zusatz/oben.gif);
	height:385px;
}


Würde mich über eine Antwort freuen
__________________
Abonierte Katzenscheisse
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.12.2006, 15:46
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.06.2004
Beiträge: 172
beeviz befindet sich auf einem aufstrebenden Ast
Standard

am einfachsten wäre wohl für jeden header ein stylesheet zu machen
(header1.css, header2.css, header3.css, …) und dann, vorausgesetzt dein webspace hat php, das stylesheet für den header so einzubinden:
<link href="header<?php echo rand(1,3); ?>" type="text/css" rel="stylesheet" />

bei rand(1,3) trägste die anzahl deiner stylesheets ein. wichtig ist das die durchnummeriert werden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.12.2006, 17:55
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

PHP-Code:
<head>
<?php
mt_srand 
((double)microtime()*1000000);
$zufall mt_rand(02);
switch(
$zufall)
{
case 
0:
$bg "zusatz/oben.gif";
break;
case 
1:
$bg "zusatz/oben2.gif";
break;
case 
2:
$bg "zusatz/oben3.gif";
break;
}
echo 
"<style type=\"text/css\">\n";
echo 
"<!--\n";
echo 
"#header{\n";
echo 
"    background:#CC0000;\n";
echo 
"    background-image: url(".$bg.");\n";
echo 
"    height:385px;\n";
echo 
"}\n";
echo 
"-->\n";
echo 
"</style>\n";
?>
</head>
mt_rand ist der Zufallsgenerator, mt_srand initalisiert ihn... Die Null bei mt_rand sagt den Startwert an und die 2 den Endwert.. Also zwischen welcher Zahlenskala er wählen soll. Die Switch Abfrage überprüft einfach die Variable $zufall ob sie den Wert 0,1 oder 2 hat. break; unterbricht die Abfrage wenn ein Wert zutrifft. Das ganze kannst du natürlich erweitern.

Wenn ein Wert zutrifft, wird die Variable $bg auf das gesetzt was du angibst.

Dein Server muss PHP unterstützen!
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe

Geändert von ArcVieh (31.12.2006 um 18:02 Uhr) Grund: Kleine korrektur
Mit Zitat antworten
  #4 (permalink)  
Alt 31.12.2006, 19:09
Benutzerbild von Ivory
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2006
Ort: L.E.ipzig
Beiträge: 11
Ivory befindet sich auf einem aufstrebenden Ast
Standard

Wow, Danke für die Antworten. Das bringt mich enorm weiter.

Guten Rutsch euch allen
__________________
Abonierte Katzenscheisse
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrundbild automatisch an Höhe einer Box anpassen Gerhard Laib CSS 4 02.11.2008 17:22
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? damonster CSS 12 27.08.2008 16:56
Kniffliges Layout mit float Roadrunnerle CSS 6 14.03.2006 12:26
box soll max so groß werden wie ihr Hintergrundbild chow CSS 1 13.02.2004 16:31
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:37 Uhr.