Witam,
Zrobiłem sobie prostą animacje w CSS.
<div id="preloader">
<div class="ball"></div>
<div class="ball1"></div>
</div>
I teraz chciałbym użyć tej animacji do ładowania strony. Pomoże ktoś w łatwy sposób zrobić to w Jquery albo w innej technologi??
I teraz chciałbym użyć tej animacji do ładowania strony.
W jakim sensie?
Że otwierasz stronę i widzisz animację, czy np.ta strona otwiera jakąś dodatkową (np.ładując ją do diva) i wtedy jest animacja pokazywana?
mam zrobione takie coś mniej więcej:
I teraz chcę zęby podczas wczytywania strony pokazał się owy div następnie jak strona cała się załaduje:
$('#preloader').hide()
tak żeby to jakoś fajnie wyglądało do tego postaram się już żeby pokazał się na środku strony. Mogą być inne propozycję rozwiązania tego problemu mój może nie jest zbyt dobry.
no więc domyślnie pokazuj całą zawartość strony (ukrywając sprawisz, że większość przeglądarek nie będzie zainteresowana wczytywaniem zawartości, w efekcie preloader zniknie od razu) oraz overlay (wartwa nad innymi wartstwami - position: absolute) z Twoim preloaderem.
Potem do zdarzenia $(window).ready zaaplikuj ukrywanie preloadera.
edit: sądze, że problem ten był omawiany w internecie setki razy