XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Zufall für Hintergrundbild in einer Box? (http://xhtmlforum.de/showthread.php?t=43666)

Ivory 31.12.2006 01:50

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 :)

beeviz 31.12.2006 15:46

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.

ArcVieh 31.12.2006 17:55

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!

Ivory 31.12.2006 19:09

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

Guten Rutsch euch allen ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:14 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023