Как сделать прелоадер для медленного php-скрипта?

Question

[Lu_den]

Использую разные готовые решения и библиотеки, но в данной ситуации не работает. Например:

$(window).load(function() { 
  show();  // вызвать как страница загрузилась.
  //setTimeout(show, 2000);
});
function show() {
  $('#loader')
  .fadeOut(800, function(){ // убрали лоадер
  $('#loader-wrap')
  .fadeTo(300, 1)  // показали страницу
  });
}

(сразу после header вставлен #loader c gif-картинкой)
Внутри body - медленный скрипт php (имитирую во время разработки с помощью sleep())
Загружается так:
сначала пустая страница и "ожидание site.ru"
потом на секунду мелькнет gif-картинка
потом уже отрисовывается контент

Есть ли возможность показывать в данной ситуации gif одновременно с работой скрипта, как и положено?

Answer 1

[SagePtr]

Прелоадер отдать обычно, а остальное - через ajax. Соответственно, не забыть про тайм.ауты запроса.

Comments

[Lu_den]

Спасибо, это, видимо, выход. Единственно - у меня скрипт отображает Google Chart, попробовал вывести его через ajax - не работает.

[Вячеслав]

Lu_den: потому что вы его создаете/инициализируете до выполнения ajax запроса, вероятно, а надо - после (в callback функции, которая возвращает ajax данные, например).

Answer 2

[Mikhail Osher]

Копайте в сторону jQuery ajaxStart ajaxStop.