+- 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: [js] Zmiana tła o określonej porze. (/thread-js-zmiana-tla-o-okre%C5%9Blonej-porze)
[js] Zmiana tła o określonej porze. - MatixYo - 07-11-2011
Witam,
Otóż na swoją stronę dodałem skrypt w PHP który o danej porze zmienia tło strony. Wygląda on tak:
Kod PHP:
<?php
$time = date(G);
if (($time>=6)and($time<=21)) $bg='day';
if (($time<6)||($time>=22)) $bg='night';
$saint = date(nd);
if (($saint>=1205)||($saint<=319)) {
if (($saint>=1206)and($saint<=1226)) $st='xmas';
if (($saint>=1231)||($saint<=101)) $st='nyear';
else $st='wint';
}
if (($saint>319)and($saint<=620)) {
if (($saint>=408)and($saint<=409)) $st='east';
else $st='spri';
}
if (($saint>620)and($saint<=922)) {
$st='sumr';
}
if (($saint>922)and($saint<1205)) {
if (($saint>=1030)and($saint<=1101)) $st='hall';
else $st='fall';
}
?>Potem zaś porę roku i czy jest jakieś "święto". W pliku style.css mam takie coś: background:#000 url(img/<?php echo $bg.$st; ?>.png). I w zależności od pory dnia zmienia się początek nazwy obrazka, a w zależności od pory roku, koniec nazwy obrazka. Jednak skrypt nie działa dynamicznie, a na dodatek pobiera czas z serwera a moja strona nastawiona jest na odwiedzających z różnych krajów. No więc chciałbym abyście podpowiedzieli mi jak zrobić coś takiego w javascripcie. Dodam że nie znam się na js. Wydaje mi się, że potrzebne by do tego było "getElementsByTag". Jeśli się mylę poprawcie mnie. Mam również pytanie czy jeżeli nadał bym body atrybut "transition" to czy obrazek tła mógłby się zmieniać płynnie?
RE: [js] Zmiana tła o określonej porze. - Kartofelek - 07-11-2011
1) do poczytania : http://doman.art.pl/kursjs/kurs/date.html
2) jesteś pewien że masz coś takiego w pliku css: background:#000 url(img/<?php echo $bg.$st; ?>.png). ????
3) transition - mówimy o css3 transition? Głupi pomysł. Lepiej już jquery animate zrobić czy podobne.
RE: [js] Zmiana tła o określonej porze. - MatixYo - 08-11-2011
Może zapomniałem dopisać, ale ustawiłem w .htacces parsowanie plików CSS. Mój skrypt działa. Chciałbym tylko aby ktoś pomógł mi go przetłumaczyć na javascript bo chciałbym uzyskać między innymi efekt płynnej zmiany tła. Bo teraz to jak się zmieni tło to trzeba odświeżyć żeby zobaczyć.