Hola!
Como sabéis, cuando insertamos una imagen en nuestra web y ponemos mal la ruta, o bien la hemos copiado de otra página y luego la borra (hot-linking también llamado) y aparece la imagen de siempre que tiene por defecto el navegador, esa imagen de siempre:
[contenido no disponible]
Pues con este script lo que haremos será sustituir todas las imágenes "rotas" por una imagen que nosotros determinaremos, por ejemplo:
[contenido no disponible]
Sólo tenemos que pegar el siguiente código entre <head> y </head>:
Lo que está en color rojo es la imagen que aparecerá ;)
Como sabéis, cuando insertamos una imagen en nuestra web y ponemos mal la ruta, o bien la hemos copiado de otra página y luego la borra (hot-linking también llamado) y aparece la imagen de siempre que tiene por defecto el navegador, esa imagen de siempre:
[contenido no disponible]
Pues con este script lo que haremos será sustituir todas las imágenes "rotas" por una imagen que nosotros determinaremos, por ejemplo:
[contenido no disponible]
Sólo tenemos que pegar el siguiente código entre <head> y </head>:
<script type='text/javascript'>
//<![CDATA[
// Script para sustituir imágenes rotas
function ImagenOk(img) {
if (!img.complete) return false;
if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) return false;
return true;
}
function RevisarImagenesRotas() {
var replacementImg = "[COLOR="red"]http://img830.imageshack.us/img830/4783/noimagen.png[/COLOR]";
for (var i = 0; i < document.images.length; i++) {
if (!ImagenOk(document.images[i])) {
document.images[i].src = replacementImg;
}}}
window.onload=RevisarImagenesRotas;
// ]]>
</script>Lo que está en color rojo es la imagen que aparecerá ;)