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

Question

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.

jquery html

Créé 21/11/2015 à 02:01
utilisateur Brandon Vaughn

Dans d'autres langues...

2 réponses

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 Shomz

Vince · Accepted Answer · 2015-11-21 02:11

voix

2

L'auteur de la question a pris cette réponse comme la meilleure.

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 Vince