Как сделать так, что бы Preloader показывался один раз?

Question

[Антон]

Реализовал на сайте Preloader, но затем столкнулся с проблемой, при каждом обновлении страницы, Preloader снова начинает грузиться, как сделать так, что бы он грузился, к примеру, только при первом открытии сайта с момента открытия браузера!? Искал решение через sessionStorage, но столкнулся с проблемой, что Preloader зациклился, помогите разобраться, вот пример кода:

if(!sessionStorage.getItem("load")){
  sessionStorage.setItem("load", true);
  $(window).on('load', function () {
    setTimeout(function() {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.spinner');
    $spinner.fadeOut();
    $preloader.delay(350).fadeOut('slow');
    }, 1000)
  });
}

Answer 1

[Ernest Faizullin]

как вариант можно при показе прелоадера запоминать что он уже был открыт

$.cookie('show_preloader', false); // или true

# а потом при загрузке проверять
$(function() {
	if ($.cookie('show_preloader')) {
		// тут показать прелоадер
	}
});

jquery-cookie https://github.com/carhartl/jquery-cookie

Comments

[Антон]

Попробовал сделать вашим методом, но почему то Preloader зациклился, тоесть не прекращается. Такая же проблема у меня была и раньше... В чём может быть проблема?

[Ernest Faizullin]

возможно после показа прелоадера надо обновить в куках переменную sessionStorage.setItem("load", undefined); // или false

таким образом мы избежим зацикливания

[Антон]

Увы, но не сработало... Проблема зацикливания осталась...