Tela de carregando ate concluir o download das imagens

1 resposta
R

Entao pessoal, ag teria alguma ideia de como mostrar um animacao de loading enquanto a pagina inteira nao eh renderizada (incluindo imagens)? O que ocorre é que uma div do sistema que estamos desenvolvendo é carregada via aJax, colocar loading durante a requisicao do ajax eh facil, o que acontece eh q a mensagem sai quando a requisicao eh finalizada (recebimento do html), soh que o cliente quer que ela fique ateh o carregamento total das imagens, jah tentei um monte de coisa, mas nd funcionou direito …

PS: Estamos utilizando jQuery, e o numero de imagens de cada pagina carregada é variavel …

1 Resposta

thiagof

Olá rauppluizfr!

Não se se isso te ajuda, mas voce pode pensar em algo com relação ao evento onload da :
http://www.htmlcodetutorial.com/images/_IMG_onLoad.html
http://www.w3schools.com/jsref/event_img_onload.asp

mais vc vai ter que bolar um algoritmo para tirar a mensagem quando a ultima imagem carregar né :frowning:

se te interessar, depois da uma lida nesse post para solucionar problemas com relação ao IE caso tenha
http://cdonner.com/the-html-img-tag-and-onload-event-bugs-in-ie.htm

Caso isso acima não te interesse, tem outra alternativa, o pré-carregamento das imagens:
http://www.inerciasensorial.com.br/2005/11/11/programacao/javascript/pre-carregar-imagem/
http://www.plugmasters.com.br/sys/materias/804/1/Preloader-de-imagens-com-javascript

Criado 2 de maio de 2012
Ultima resposta 2 de mai. de 2012
Respostas 1
Participantes 2