Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Losowa zmiana zdjęć - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Losowa zmiana zdjęć (/thread-losowa-zmiana-zdjec)



Losowa zmiana zdjęć - abunai - 28-12-2011

Witam !

Zaczynam właśnie zabawę z CSS. Napotkałem problem nie do rozwiązania dla mnie.

Mam plik style .css, w którym jest poniższy kod:

html, body, p, ul, li { margin:0px; padding:0px; list-style:none; font-family: Verdana, Arial, Helvetica, sans-serif; }

html { height: 100%; padding-bottom: 0px; font-size: 100%; }
body { position: relative; min-height: 100%; padding: 0; color: #fff !important;}
body.home { background: #000000 url('img/tlo2.jpg') no-repeat 50% 0; }


Chciałbym żeby w ostatniej linii za każdym razem losował inny plik tła - od tlo1.jpg do tlo16.jpg.

Z góry dziękuję za pomoc




RE: Losowa zmiana zdjęć - kancik - 28-12-2011

w css tego nie rozwiazesz Smile javascript Cię ratuje ewentualnie język wykonywany na serwerze. W skrócie musisz wygenerować liczbę losową , w tablicy umieścić ścieżki do teł no i gra Smile


RE: Losowa zmiana zdjęć - Kartofelek - 28-12-2011

Nie opłaca ci się manipulować CSSem.
O wiele lepiej ustawiać za pomocą php dodatkową klasę dla body.
Przykładowo

Kod:
$jakies_klasy = Array('superX', 'superY', 'superZ');
echo '<body class="home ' . $jakies_klasy[floor(rand(0,3))] . '">';

Ale jak to zrobisz zależy tylko od ciebie. Da ci to takie plusy, że potem nie będziesz musiał dłubać w kodzie skryptów jak będziesz chciał zmieniać tła itp. A przecież podmiana klasy daje większe możliwości bo nie tylko zmianę tła, ale wygląd całej strony (stąd nazwa CSS - jak kaskada Big Grin


RE: Losowa zmiana zdjęć - abunai - 29-12-2011

W javascripcie nie programuje. Może ma ktoś gotowy kod ?


RE: Losowa zmiana zdjęć - kancik - 29-12-2011

Gotowe to nie na forum Wink Gotowe może być za $Smile