3 replies to this topic

[alexandre_prog]

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!

[alexandre_prog]

Me ajudem, preciso muito!

Obrigado!

[Édipo Costa Rebouças]

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

[bimonti]

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;
	
}