RibosoMatic

Probablemente colgemos una imagen de otro servidor ó servicios de alojamiento en nuestras páginas web. Existe la posibilidad de que con el tiempo cambie de ubicación de ésta y en nuestra página web en vez de aparecer la imagen sale una alternativa indicándonos que la dirección a la imagen que haciamos referencia es incorrecta (imagen rota).

Existe una forma de prevenir esto con la ayuda de jQuery y Mootools:

jQuery:

$('img').error(function() {
	$(this).remove();
});

Mootools:

$$('img').addEvent('error',function() {
	this.dispose();
});

Los dos fragmentos de códigos lo que hacen es: si existe un error al cargar la imagen simplemente la remueven de la estructura HTML. Un desarrollador web tiene que estar en todo estos detalles para evitar que el usuario vea una posible deficiencia en nuestro sitio web.

Vía Remove Broken Images Using MooTools or jQuery