Megjelenítése splash screen munkamenet során egyszer jQuery ... honlapja „villogó” alatt terhelés

szavazat
42

Igyekszem, hogy egy intro / üdvözlő képernyő csak egyszer jelenik meg egy session a honlapomon. Nekem van ez dolgozik a forgatókönyvet alább, de ez „villog” a honlapra gyorsan futtatása előtt splash / intro a kezdeti hely terhelés (azt követően helyszíni terhelések nem mutatják a div, mint szerette volna / szükséges)

Van egy div egy osztály .splash_section rejtett kezdetben & I am a szkript futtatása alább található.

Kérdés: Van egy jobb módja annak, hogy írni a forgatókönyvet, vagy egyszerűen csak egy módja, hogy megakadályozzák a honlapra vagy testület gyorsan „villog”, mielőtt az intro mutatja?

$(document).ready(function(){

if (sessionStorage.getItem('splash') !== 'true') {
$('.splash_section').show()
sessionStorage.setItem('splash','true');
}

});

Köszönet minden segítséget előre.

A kérdést 21/11/2015 02:01
felhasználó
Más nyelveken...                            


2 válasz

szavazat
2

Azt is elrejteni a tartalom a honlapon kezdetben, a CSS:

.home-page {
    display: none;
}

Akkor változik a szkript:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Válaszolt 21/11/2015 02:11
a forrás felhasználó

szavazat
0

Mivel $(document).readyvisszahívási tüzek, ha minden oldal elemeit értelmezi, a legjobb megoldás az, hogy a splash elem legtetején, a test és futtatni a szkriptet, hogy a funkció jobb után. Így akkor betölti a meta adatokat a fejét, töltse be a splash tartalmát, és megjeleníti azt rögtön, mielőtt bármilyen más DOM elemeket töltik.

Valami ilyesmi:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Válaszolt 21/11/2015 02:13
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more