Avatar billede esbenn Nybegynder
07. august 2012 - 13:49 Der er 2 kommentarer

Preloader

Hej,

Jeg har et lille script nu her der er følgende:
    <script type="text/javascript">// <![CDATA[
        function preloader(){
            document.getElementById("loading").style.display = "none";
            document.getElementById("page-wrap").style.display = "block";
        }//preloader
        window.onload = preloader;
// ]]></script>

Jeg vil høre om der er nogen der har en god måde at lave den så den først venter i et par sekunder og så fader den ændringen istedet for at den gør det med det samme og meget pludseligt.

Håber nogen kan hjælpe mig en smugle.
Avatar billede limemedia Nybegynder
07. august 2012 - 13:59 #1
Hvis du bruger jQuery (inkluder linien herunder i headeren)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

kan du benytte følgende kode til at lave det du prøver

<script type="text/javascript">
    $(window).load(function() {
        setTimeout(function() {
            $('#loading').fadeOut();
        }, 2000);
    });
</script>

Hvor 2000 er 2 sekunder
Avatar billede esbenn Nybegynder
07. august 2012 - 14:32 #2
Hvis jeg gør det på den måde skal jeg så ændre i min CSS eller noget på mine to divs? For der sker ikke andet end at den første div kommer og så sker der ikke mere..
Kører wordpress med jQuery loaded, så den skulle være iorden.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester