Jump to content


Photo

Saber Quando Imagem Carregou No Ajax


  • Faça o login para participar
3 replies to this topic

#1 alexandre_prog

alexandre_prog

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 19/07/2009, 03:46

Pessoal, gostaria de saber quando eu carregar uma inagem com o Ajax.... Como faço pra saber se essa imagem está totalmente carregada na Tela?


Tipo assim: document.getElementById('white_tela').innerHTML = "<img src='caminh.jpg' />";


Parece uma pergunta meio inútil mas preciso muito dessa ajuda!

Como faço pra saber quando essa imagem está totalmente carregada na tela?


Obigado!

#2 alexandre_prog

alexandre_prog

    Novato no fórum

  • Usuários
  • 20 posts
  • Sexo:Não informado

Posted 21/07/2009, 11:34

Me ajudem, preciso muito!

Obrigado!

#3 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 21/07/2009, 13:01

coloque uma função para disparar dentro do evento onload dela

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 22/07/2009, 09:37

Isso mesmo, como o Édipo citou. Eu usei isso em uma galeria de fotos para só disparar o efeito de fadeIn quando a imagem terminar de carregar. Em javascript as imagens são objetos também, então você pode instância-los. Vou postar o snippet que eu tenho, mas só se atente ao load da imagem pq essa função é executada por outra.

function swapPic(){
	var self = this;
	
	// Preload the Image
	var image = new Image();
		image.onload = function(){
			self.fade();	
		}
	image.src = this.pic;

	this.obj.src = this.pic;

	this.callback = self.remove;
	this.to 	= 100;
	this.from 	= 0;
	this.curr	= this.from;
	
}

:lol:
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq