Preload screen

[MsDaniel55]

Cześć. Wytłumaczy ktoś jak zrobić preload stronkę czy też na kilka sekund wyświetlić pasek ładowania po czym wyświetlić stronę? W necie pełno projektów Ale tam jest tylko kod, a ja chce aby ktoś to objasnil :/

[farmerro]

Mogę Ci to wytłumaczyć koło 23, pasuje?

[Darkest]

Ja bym zrobił w html jakiś loading screen rozciągnięty na cały ekran, position fixed, z-index na samym wierzchu, a całą reszte elementów ukryłbym css'em. Potem skrypt jQuery: 

$(document).ready(function() {
 
     $(/*tutaj div z loading screenem*/).fadeOut();
     $(/*div ze stroną, ukrytymi elementami*/).fadeIn();
});

Ten kod po załadowaniu całej strony ukryłby loading screen i pokazał reszte elementów.

[MsDaniel55]

@up przetestuje i dam Edit

teraz widac ten screen ale nie pokazuje sie ukryta zawartosc :/

        <div id="loader-wrapper">
            <div id="loader"></div>

            <div class="loader-section section-left"></div>
            <div class="loader-section section-right"></div>

        </div>
<script>
$(document).ready(function() {
 
     $(.loader-wrapper).fadeOut();
     $(.1).fadeIn();
});
</script>
</div>
<div class "1">
.......
</div>

[Darkest]

Selektor powinen być w apostrofach o tak:

$(document).ready(function() {
 
     $('.loader-wrapper').fadeOut();
     $('.1').fadeIn();
});

Tutaj zapomniałeś o znaku =

<div class="1">
.......
</div>

Dodałeś jQuery do skryptu? Jeśli nie to musisz dopisać linijkę w sekcji head:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.1.min.js"></script>

I taki protip jak coś nie działa w js to możesz zobaczyć błąd w konsoli, w chrome otwierasz ją klikając F12

[Off&On]

Nie prościej zoptymalizować stronkę?
http://developers.google.com/speed/pagespeed/insights/
Sprawdź sobie, może będziesz w stanie coś poprawić i sobie odpuścić jakieś loadingi.­