Afficher l'écran d'accueil une fois par session avec jQuery ... Page d'accueil « clignotant » lors du chargement

voix
42

Je suis en train de faire un écran intro / démarrage apparaît une seule fois par session sur ma page d'accueil. Je ne l'ai travailler avec le script ci-dessous, mais il « clignote » la page d'accueil rapidement avant de lancer le démarrage / l'intro de la charge initiale du site (charges ultérieures du site ne montre pas la div comme voulu / nécessaire)

J'ai un div avec une classe de .splash_section caché au départ et je courais le script inclus ci-dessous.

Question: Y at-il une meilleure façon d'écrire le script, ou tout simplement un moyen d'empêcher la page d'accueil ou de corps rapidement « clignotant » avant les spectacles intro?

$(document).ready(function(){

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

});

Merci d'avance pour toute aide.

Créé 21/11/2015 à 02:01
utilisateur
Dans d'autres langues...                            


2 réponses

voix
2

Je me cachais aussi le contenu de la page d'accueil d'abord, en utilisant css:

.home-page {
    display: none;
}

Ensuite, changer votre script:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});
Créé 21/11/2015 à 02:11
source utilisateur

voix
0

Depuis $(document).ready les feux de rappel lorsque tous les éléments de la page sont analysés, votre meilleur pari est de mettre l'élément de démarrage au sommet du corps et exécuter le script avec cette fonction juste après. De cette façon , il va charger les méta - données de la tête, charger le contenu de démarrage et afficher tout de suite avant que d' autres éléments DOM sont chargés.

Quelque chose comme ça:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...
Créé 21/11/2015 à 02:13
source utilisateur

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