11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour a tous,

J'ai créé une animation fade-in sur mon site sur la page d'accueil, mais j'aimerais qu'elle n'apparaisse qu'une seule fois (si l'internaute retourne sur la page d'accueil, ça ne devrait plus se jouer).
Comment programmer ça ? Voici mon code :

$(document).ready(function(){
      $('div#fadein').delay(1500).fadeOut(2000);
});

<div id="fadein">Texte intro</div>


Merci pour votre aide.
Bonjour,

Perso ce que je ferais dans ce genre de cas :
en javascript, je valoriserai une variable en sessionStorage qui vaudrait true si l'utilisateur a déjà vu la page index (exécuté dès le début du chargement des pages, donc avant le $(document).ready) .
puis dans ton bout de code, il suffirait de faire un if basé sur cette variable pour jouer ton animation.
Modérateur
sanchodellavega a écrit :
Bonjour,

Perso ce que je ferais dans ce genre de cas :
en javascript, je valoriserai une variable en sessionStorage qui vaudrait true si l'utilisateur a déjà vu la page index (exécuté dès le début du chargement des pages, donc avant le $(document).ready) .
puis dans ton bout de code, il suffirait de faire un if basé sur cette variable pour jouer ton animation.


+1

Sinon le faire à l'ancienne : les cookies.