-
Randomizer stylow.
Hi
Ostatnio bawie sie ostatnio ze stylami. Pojawilo sie pytako z natury bardzo prostych. :)
Czy istnieje modyfkacja badz funkcja gdzie style i ich child's beda wybierane losowo przy odswiezeniu strony?
Chcialbym osiagnac efekt podobny do tego na New Music Videos, Reality TV Shows, Celebrity News, Top Stories | MTV
gdzie za kazdym raem gdy sie odswiezy tapeta jest nowy background.
Pozdrawiam
-
losowy obrazek można łatwo zrobić w php:
1. Tworzysz plik o nazwie obrazek.php
Kod php:
<?php
unset($files);
for ($i = 1; $i <=9; $i++) {
$files[] = 'obrazki/' . $i . '.jpg';
}
header('Content-type: image/jpeg');
$rand = rand(0, count($files) - 1);
header ('Cache-Control: no-store, no-cache, no-transform, must-revalidate');
header ('Cache-Control: post-check=0, pre-check=0, max-age=0', false);
header ('Expires: Mon, 22 Aug 2005 05:00:00 GMT');
header ('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
header ('Pragma: no-cache');
echo file_get_contents($files[$rand]);
?>
2. Tworzysz katalog obrazki do którego wrzucasz tła (kolejno 1.jpg, 2.jpg itd.)
3. W pliku .htaccess dodajesz:
Kod:
Redirect /background.jpg http://url.pl/obrazek.php
4. W templatce podajesz adres do background.jpg ;)
Pozdrawiam
-
A nie lepiej umieścić to systemie wtyczek? ;>
-
ooo dzieki za odpowiedz..
a da sie zrobic zeby zmienialo sie takze tlo (bgcolor) pod obrazkiem?
jak ustawie sobie obrazek na top i do tego scroll-x to reszta zostaje mi taka sama..
edit:
:confused:
zrobilem tak jak mi napisales i jakos nie chce mi to dzialac. sciezki wszystkie sprawdzone..
-
A może coś takiego?
Przystosowałem od razu do obrazków tła i koloru tła.
Kod:
<script type="text/javascript">
function zmiana_tla() {
var randombgs=["tlo1.jpg", "tlo2.jpg", "tlo3.jpg", "tlo4.jpg"];
var randomcls=["#fff", "#000", "#FF33CC", "red"];
var bgnumber = Math.floor(Math.random()*randombgs.length)+1;
var bgcolor = Math.floor(Math.random()*randomcls.length)+1;
document.body.style.background=""+bgcolor+" url("+bgnumber+".jpg) center top no-repeat";
}
window.onload = zmiana_tla;
</script>
//nie testowałem
-
Mam rozwiazanie, z kuzajem doszlismy do prostego kodu. Wystarczy kleic (co prawda recznie) w CSS przed wszsytkim (Css musi byc zachowany jako plik)
ZMIENIA SIE OBRAZEK JAK I KOLOR TLA
Kod php:
<?php
Header ("Content-type: text/css");
$images = array( "1.jpg", "2.jpg", "3.jpg" );
$bgcolor = array( "#000000", "#c0c0c0", "#FFFFFF" );
$indx = rand(0, count($images)-1);
?>
body
{
background: <?php echo $bgcolor[$indx]; ?> url(../../obrazki/<?php echo $images[$indx]; ?>) repeat-x scroll center top;
}
Cool
dzieki za pomoc guys