2012-04-25 4 views
-2

Я пытаюсь показать spinner .gif, когда страница не загружена. Затем, когда страница загружается, счетчик должен быть скрыт. Я искал, но ничего не нашел.Показать gif, когда страница не загружена?

Есть ли пример для этого? Как я могу это сделать?

+2

Что определяет, когда страница загружается? дерево DOM загружается довольно быстро, но изображения могут занять больше времени –

ответ

0

добавить вертушку как обычный IMG тег и дать ему идентификатор, то на documentReady удалить тег

в вашем HTML:

<img src="your;gif" id="spinner" /> 

затем в JavaScript-код с помощью JQuery:

$(function(){ $('#spinner').remove(); }) 
+2

$ (document) .ready() срабатывает даже до того, как все изображения были загружены. Таким образом, возможно, что spinner gif еще не загружен, когда вы его удаляете. – devnull69

+0

да, хорошая точка, но должна работать правильно при втором вызове, поскольку изображение, вероятно, будет кэшироваться и, возможно, при первом вызове, если на страницу потребуется достаточно времени для загрузки что он требует отображения счетчика – malko

Смежные вопросы