Preloader
Autor: Łukasz M.
Besucht 1614,
Followers 1,
Geteilt 0
Witam
Mam problem z preloaderem.
Umieszczam kod "Po tagu otwierającym HEAD"
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="files/preloader.css" media="screen,print" />
i kod "Po tagu otwierającym sekcję BODY"
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
<script type="text/javascript">
$(window).load(function() {
$("#lds-rollere").fadeOut();
$("#lds-roller").delay(350).fadeOut("slow");
})
</script>
A preloader wyświetla się równocześnie ze stroną w nagłówku O_o
Dzieki za odpowiedź.
Gepostet am
Nie jestem pewien czy powinno się dzielić kod skryptu po Head i po body - zwykle skrypt piszemy chyba albo przed body albo po body a przed /body. Sprawdź czy nie powinno się tego w innych miejscach umieszczać - nie znam się na skryptach ale zwykle zaczyna i kończy się go w jednym miejscu.
Autor
Sprawdze jutro i dam znać.
Autor
Próbowałem Andrzej w różnych kombinacjach ale mimo tego wyświetla się w nagłówku razem ze stroną.
A może spróbuj tego loadera? Nie stosowałem loadera, ale czasem się posiłkuję kodami z tej strony.
https://www.w3schools.com/howto/howto_css_loader.asp
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader
Wygląda że działa:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader5
Autor
Dzięki z linki. Myślę jednak, że to nie wina preloadera a tylko jego umiejscowienia. Bowiem w nagłówku obraca się normalnie.