Отключить экран заставки после начальной загрузки

Question

В настоящее время для веб-сайта у меня есть index.html, about.html и т. Д. Экран заставки загружается на index.html, но я не хочу, чтобы он больше появлялся после первоначальной загрузки на главном экране. (Даже идя от около страницы -> индекс)

Это JQuery У меня есть:

$(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); 
     }); 
    }); 
}); 

Это связано с index.html. Любые предложения относительно того, как исправить эту проблему?

Answer 1

Если вы хотите показать заставку только тогда, когда пользователь посещает index.html в первый раз, вам необходимо где-то сохранить эту информацию. Обычно это делается либо с помощью LocalStorage, либо Cookies. Для последнего есть отличная библиотека на доступном github:

js-cookies.

Имейте в виду, что Cookies отправляются обратно на сервер с каждым сделанным вами запросом.

Пример кода:

$(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 }); 
    }); 
});