Forum PHP Fusion PL

Prosta animacja grafika zależna od pory dnia

Ostatnia aktualizacja 16 dzień temu

MirekUżytkownik

Opublikował(a) 16 dzień temu

Nie zawsze potrzeba zaawansowanych animacji, JavaScriptów czy zewnętrznych bibliotek, żeby strona „żyła”.Czasem wystarczy kilka grafik zmienianych w zależności od pory dnia.To rozwiązanie sprawdza się:

na stronach szkolnych (dzieci jadą do szkoły, przerwa, powrót do domu),na stronach instytucji i zakładów pracy,na prostych portalach informacyjnych,wszędzie tam, gdzie chcemy subtelny efekt, a nie fajerwerki.

Nie musi to być słońce i księżyc Najczęstszy błąd: myślenie wyłącznie „słońce w dzień – księżyc w nocy”.A przecież noc niewiele się zmienia, za to dzień ma wyraźne fazy.Zamiast obiektów astronomicznych można użyć:

tła (jasne / neutralne / ciepłe),ilustracji (droga do szkoły, przerwa, powrót),ikon (rano / południe / popołudnie),prostych scenek.

Przykładowy podział dnia (logiczny i czytelny)Nocjedna grafika – spokojna, neutralna

rano (start dnia, wyjazd do szkoły / pracy),środek dnia (lekcje, praca, przerwa),popołudnie (powrót do domu).

Technicznie – jak to działa (w skrócie)

strona sprawdza aktualną godzinę lub porę dnia,na tej podstawie wybiera jedną z kilku grafik,nie potrzeba animacji klatkowych ani JS,grafika zmienia się automatycznie po odświeżeniu strony.

▶️ Rozwiń🔽

Kod Pobierz kod źródłowy

<?php$sunrise = date_sunrise(time(), SUNFUNCS_RET_TIMESTAMP, 53, 22, 90, 1);$sunset = date_sunset(time(), SUNFUNCS_RET_TIMESTAMP, 53, 22, 90, 1);$now = time();$dayLength = $sunset - $sunrise;$quarter = $dayLength / 4;if ($now < $sunrise || $now > $sunset) { $img = 'night.png';} elseif ($now < $sunrise + $quarter) { $img = 'sunrise.png';} elseif ($now < $sunrise + 3 * $quarter) { $img = 'sun_zenith.png';} else { $img = 'sunset.png';}?><img src="../../../../../../images/<?php echo $img; ?>">

możesz przeglądać wszystkie wątki dyskusji na tym forum.
nie możesz rozpocząć nowy wątek dyskusji na tym forum.
nie możesz odpowiadać na posty w tym wątku dyskusji.
nie możesz rozpocząć ankietę na tym forum.
nie możesz dodawać załączniki w tym forum.
nie możesz pobierać załączniki na tym forum.