Arată splash screen o dată pe sesiune cu jQuery ... pagina de start „intermitent“ în timpul sarcinii

voturi
42

Am încercat să fac un ecran intro / splash apar numai o singură dată pe sesiune pe pagina mea de start. O am de lucru cu script-ul de mai jos, dar ea „flash-uri“, pagina de pornire rapid înainte de a rula splash / intro pe sarcina inițială site-ul (încarcă site-ul ulterioare nu se va afișa div așa cum a dorit / necesar)

Am un div cu o clasă de .splash_section inițial ascunse & Alerg script-ul inclus mai jos.

Întrebare: Există o modalitate mai bună de a scrie script-ul, sau pur și simplu o modalitate de a preveni sau a organismului de la pagina de pornire rapid „intermitent“ înainte de spectacolele intro?

$(document).ready(function(){

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

});

Multumesc pentru orice ajutor în avans.

Întrebat 21/11/2015 la 02:01
de către utilizator
În alte limbi...                            


2 răspunsuri

voturi
2

Mi-ar ascunde, de asemenea, conținutul paginii de start inițial, folosind css:

.home-page {
    display: none;
}

Apoi modificați script-ul la:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Publicat 21/11/2015 la 02:11
sursa de către utilizator

voturi
0

Deoarece $(document).readyincendiile de apel invers atunci când toate elementele de pagină sunt analizate, cel mai bun pariu este de a pune elementul de stropire la partea superioară a corpului și rulați scriptul cu această funcție imediat după aceasta. În acest fel , se va încărca meta datele de cap, încărcați conținutul stropirii și afișa imediat înainte de orice alte elemente DOM , sunt încărcate.

Ceva de genul:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Publicat 21/11/2015 la 02:13
sursa de către utilizator

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