Как эмулировать/имитировать загрузку страницы браузера

Делаю загрузку страниц через ajax, не хочется добавлять лишних элементов, а отображать процесс ожидания хочется, подскажите как сделать такое?)



P.S Спрошу иначе: как вконтакте и фейсбук загружают страницы без перезагрузки, и используют стандартный прелоадер браузера для отображения состояние запроса?

1 ответов


5) jQuery вызывает события “ajaxStart” и “ajaxStop” для обозначения начала и конца сетевой активности Ajax. Когда jQuery не выполняет никаких Ajax запросов и инициализируется новый запрос, jQuery вызывает событие “ajaxStart”. Если вызываются новые запросы, но текущий запрос не выполнен, то событие “ajaxStart” не вызывается. Событие “ajaxStop” вызывается, когда последний отложенный запрос Ajax завершен и jQuery больше не проявляет сетевой активности.
Пара этих события может бы полезна для показа/скрытия анимации «Загрузка...» или иконки сетевой активности. Например:
$("#loading_animation").bind({
ajaxStart: function() { $(this).show(); },
ajaxStop: function() { $(this).hide(); }
});

Эти 2 события “ajaxStart” и “ajaxStop” могут быть привязаны к любому элементу страницы. jQuery вызывает их глобально.

http://habrahabr.ru/blogs/jquery/111314/ отсюда.

Собственно все что вам нужно - предусмотреть на странице где будет располагаться div с id - loading animation


Как вариант, сменить favicon с помощью js. А когда загрузится сменить на нативный сайта.