Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 44

Mostrar carregando enquanto a foto não carrega

25-03-2011 17:50

galera sei que esse script aqui é para funcionar depois que o documento tiver carregado:

$(document).ready(function(){as coisas todas})

sei que o ready fala que só vai executar a função depois que o documento carregar, porem o que eu queria saber é qual a palavra que coloca no lugar do ready para que execute a função enquanto o documento não carregar, tipo:

$(document).enquanto_o_documento_não_carregar(function(){as coisas tudo})

ou então
$(document).antes_do_documento_carregar(function(){as coisas tudo})

o objetivo é fazer o seguinte, enquanto a imagem com a id imagem por exemplo, não carregar, exibe um gif carregando, depois que a imagem carregar, exibe a imagem e sai o gif. Tipo assim:

  $("img#imagem").enquanto_não_carrega_ou_antas_de_carregar(function(){ //exibe o div do gif e oculta o div da imagem.. })   $("img#imagem").ready(function(){ //oculta o div do gif e aparece o div da imagem.. })  

alguém sabe?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar carregando enquanto a foto não carrega

25-03-2011 17:58

Eu fiz um post sobre esse assunto, para quando a imagem for pesada. Dá uma olhada

Mostrar-imagem-de-carregando-para-a-figura_3_5492.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 44

Mostrar carregando enquanto a foto não carrega

25-03-2011 18:20

a função load é que faz isso é, ele executa enquanto o arquivo esta sendo carregado?

eu não entendi uma coisa ele colocou isso aqui:

$(window).load(function(){

o que que quer dizer esse window?
se eu colocasse no lugar do window colocasse img#id_da_imagem daria certo também?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar carregando enquanto a foto não carrega

25-03-2011 18:25

Acho que a idéia nesse script é carregar uma div já com a imagem do loading "display block"

Quando o documento estiver pronto, deve ter uma linha no ready que esconde essa div "display none"
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 44

Mostrar carregando enquanto a foto não carrega

25-03-2011 18:46

entendo,
mas sera que da fazendo o substituindo o window por img funciona em todas as imagens???
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar carregando enquanto a foto não carrega

25-03-2011 19:01

Que eu saiba isso ai não é possível, usar id como referência para o ready.

Veja se esse script preload de imagem não se adapta ao que precisa
http://www.chazzuka.com/experiments/jqu ... der-1.html

Fonte: http://www.chazzuka.com/blog/?p=87
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado