Hoe kan ik ervoor zorgen dat er elke keer als een pagina gerefresht word, dat de achtergrond afbeelding veranderd en steeds kiest uit 5 verschillende afbeeldingen.
Zoals bijv. bij deze website.
http://www.rockstargames.com/reddeadredemption/
Moet dit in PHP of kan het ook in CSS, XHTML of Javascript?
-
27-05-2010, 19:57 #1gast15950 Guest
BG Afbeelding
-
In de schijnwerper
-
27-05-2010, 20:09 #2
Particulier
- Berichten
- 691
- Lid sinds
- 15 Jaar
Een mogelijk is om de body bij elke refresh een bepaalde naam te geven, van bv. een array in PHP:
En dan de diverse achtergronden in je CSS zetten met de namen in de array:PHP Code:<?php
$body = array("een", "twee", "drie");
$body = array_rand($body, 2);
?>
<body id="<?php echo $body ?>">
Bovenstaande is niet getest maar het idee is duidelijk lijkt me.Code:body#een { background: #FFF url(images/bg1.jpg);} body#twee { background: #FFF url(images/bg2.jpg);}Laatst aangepast door S. van Laere : 27-05-2010 om 20:14
-
27-05-2010, 20:12 #3
Cyle
- Berichten
- 164
- Lid sinds
- 16 Jaar
Kan ook in Javascript:
In <head>:
<script language="JavaScript">
<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
// Change this number to the number of images you are using.
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "zebra.jpg"
images[2] = "tiler3.jpg"
images[3] = "wicker3.jpg"
images[4] = "aaa4.jpg"
// Ensure you have an array item for every image you are using.
var image = images[rand1]
// Deactivate cloaking device -->
</script>
In plaats van <body>:
<script language="JavaScript">
<!-- Activate cloaking device
document.write('<body background="' + image + '" text="white">')
// Deactivate cloaking device -->
</script>
Was trouwens eerste beste Google resultaat javascript random background.
-
27-05-2010, 20:18 #4
Particulier
- Berichten
- 938
- Lid sinds
- 18 Jaar
http://www.dustindiaz.com/a-simple-php-image-rotator/
Genoeg mogelijkheden dus :)
-
27-05-2010, 22:04 #5gast15950 Guest
Ah bedankt mensen, had alleen in het Nederlands gezocht, en vond niks bruikbaar, maar heel erg bedankt!
