Cita: no entendí lo de hacer el script en jquery y que cargue manualmente el contenido. oO
jojo me hisiste pensar con eso hasta recien, te lo agradesco,
tendrias que hacer algo asi:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es" xml:lang="es"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function verifica(){
$('img').each(function(){
Archivo=$(this);
$.ajax({
type: "GET",
url: Archivo.attr('src'),
async:false,
error: function(objeto, quepaso, otroobj) { Archivo.fadeOut('fast'); }
});
});
}
<img src="http://1.bp.blogspot.com/_tW-DAweEXA8/SwrcmMtEoNI/AAAAAAAAAzs/EqyWKFhu3Dk/s1600/imagenes-para-hi5-14.jpg" /> <img src="http://2.bp.blogspot.com/_EZ16vWYvHHg/TVBYGsQdaYI/AAAAAAAAW_o/3LpEjv07e2Q/s1600/www.BancodeImagenesGratuitas.com%2B-%2BImagenes%2Bde%2BAmor%2B-%2B14%2Bde%2BFebrero%2B-15.jpg" /> <img src="http://www.noando.com/noexisto.png" /> <img src="http://www.noando.com/noexistotampoco.png" />
1_perdon por las imagenes son las primeras que salieron en google
2_tendrias que llamar a la funcion cuando carga la pagina y en vez de recorrer las imagenes recorrer todos los elementos que hagan falta.
notaras que las imagenes que no existen desaparaecen, eso es lo que importa, y en esta funcion puedes basar tu sistema de validacion jquery del lado del cliente que no recarga tu servidor ni tarda demaciado