Показывать загрузчик при загрузке страницы NO AJAX - PullRequest
Новая
       1

Показывать загрузчик при загрузке страницы NO AJAX

3 голосов
/ 12 марта 2012

Есть ли способ указать браузеру показывать изображение загрузчика при загрузке страницы в фоновом режиме?

Я создаю приложение, которое в основном представляет собой приложение html5, которое будет загружаться при просмотре в Интернете. Все файлы будут расположены на самом устройстве, взаимодействие с сервером отсутствует, поэтому использование AJAX невозможно.

Если пользователь переходит на другую страницу, то сразу же должен появиться загрузчик, а затем скрыться, когда страница полностью загрузится.

Это можно сделать с помощью JS?

Спасибо

UPDATE:

Я сделал именно так, как вы все отметили, показывая загрузчик на документе готовым, а также показывая его, когда страница выгружается, а затем на документе готов, но загрузчик не виден в то время, когда страница выгружена, а другая страница имеет еще не загружен. Есть ли способ привязать загрузчик к браузеру, а не к странице?

Ответы [ 3 ]

4 голосов
/ 12 марта 2012

Вы можете разместить загрузочный экран над всем содержимым (позиция: абсолютная, 100% ширина и высота) и затемнить его, когда страница будет готова.

demo: http://jsfiddle.net/G8GkA/

<div id="page">
    <div id="loader"><span>loading...<span></div>
        content....
</div>

исчезает при загрузке (используя jquery): 

$(function(){
    $('#loader').fadeOut();
});
3 голосов
/ 12 марта 2012

Вы можете сделать что-то вроде этого 

<body>
  <div class="LoadingStyle" id="LoadingInfo"></div>
  <div style="visibility:hidden" id="Content">
  <!-- All your content goes here -->
  </div>
</body>

, а в document ready вы можете сделать так 

$(function() {
    $("#LoadingInfo").hide();
    $("#Content").css("visibility", "visible");
});

Основная идея - показать что-то, пока документне готов.

РЕДАКТИРОВАТЬ

Вы можете играть с ним.Нет необходимости скрывать содержимое.Вы можете наложить его на абсолютно позиционированный div и скрыть только.

2 голосов
/ 12 марта 2012

Иметь страницу (PageLoader), которая будет загружать другие страницы с помощью ajax, тогда загрузчик может быть показан.

PageLoader примет имя страницы в качестве параметра и загрузит страницу.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...