La mejor forma de detectar cuando una imagen a cargado?

YeltsinReyes · 6 Feb 2016

Hola, lo que quiero hacer es mostrar un div oculto cuando una imagen especifica ya este cargada.
Estoy usando Jquery así, me funciona bien en la pc pero en el movil no, cual es la mejor forma.??

HTML:

$('#resultado img').load(function(){
	$('#resultado').show();	
});

kanikase · 6 Feb 2016

Así:

PHP:

<img id="img" src="http://lorempixel.com/300/250/" alt="">
<script type="text/javascript">
var img = document.getElementById('img');
img.onload = function() {
    alert("IMG cargada!");
}
</script>

YeltsinReyes · 6 Feb 2016

Así me funcionara en todos los navegadores y aunque el div donde esta la imagen este oculto?

kanikase dijo:

Así:

PHP:

<img id="img" src="http://lorempixel.com/300/250/" alt="">
<script type="text/javascript">
var img = document.getElementById('img');
img.onload = function() {
    alert("IMG cargada!");
}
</script>

YeltsinReyes · 12 Feb 2016

[MENTION=81006]kanikase[/MENTION] Man como puedo hacer esto mismo pero para cargar una lista de imágenes y cuando todas ya este cargadas ejecutar una funciono.??

PHP:

var img = $('#users img'); <--- Array de imagenes
for(var i = 0; i < img.length; i++){
	var newimg = new Image();
	newimg.onload = function(){

	};
	newimg.src = img[i].src;
};

La mejor forma de detectar cuando una imagen a cargado?

YeltsinReyes

kanikase

YeltsinReyes

YeltsinReyes

Temas similares