Splash-Screen nach dem ersten Laden ausschalten

Question

Derzeit für eine Website habe ich index.html, about.html, usw. Der Begrüßungsbildschirm lädt auf index.html, aber ich will nicht, dass es nach dem ersten Laden mehr angezeigt wird der Startbildschirm. (Sogar von etwa Seite gehen -> Index)

Dies ist jquery Ich habe:

$(document).ready(function() { 
    if ($(".splash").is(":visible")) { 
     $(".wrapper").css({"opacity":"0"}); 
    } 

    $(".splash-arrow").click(function() { 
     $(".splash").slideUp("800", function() { 
      $(".wrapper").delay(100).animate({"opacity":"1.0"}, 800); 
     }); 
    }); 
}); 

Es ist index.html verbunden. Irgendwelche Vorschläge, wie Sie dieses Problem beheben können?

Answer 1

Wenn Sie den Begrüßungsbildschirm nur anzeigen möchten, wenn der Benutzer zum ersten Mal index.html aufruft, müssen Sie diese Informationen irgendwo speichern. In der Regel erfolgt dies entweder über LocalStorage oder Cookies. Für letzteres gibt es eine exzellente Bibliothek auf GitHub verfügbar:

js-cookies.

Beachten Sie jedoch, dass Cookies mit jeder Anfrage an den Server gesendet werden.

Beispielcode:

$(document).ready(function() { 
    if (typeof Cookies.get("seen_splash") !== "undefined") { 
     // Insert code to show the splash screen here 
    } 

    // Set the cookie for 365 days. 
    $(".splash-arrow").on("click", function() { 
     Cookies.set("seen_splash", true, { expires: 365 }); 
    }); 
});