imagenes con javascript

Abite · #1 (**permalink**) 04/08/2006, 04:00

Hola,
se me ha planteado el siguiente problema:

Cargo una serie de imagenes desde un servidor ajeno a mí, y muchas veces las imágenes dan error.

Quería saber si mediante javascript, se puede saber si la imagen existe y va a cargar correctamente, y si no existe, mostrar una imagen propia que diga que la imagen no esta disponible.

Un saludo.

Azrael666 · #2 (**permalink**) 04/08/2006, 04:05

eso igual mejor con php --> if ( file_exist() ) mostrarla..
esle.. mostrar una tuya

pero a saber....

djreficul · #3 (**permalink**) 04/08/2006, 05:00

Puedes usar el evento onerror para que muestre la imagen que tu quieras.

Saludos.

Abite · #4 (**permalink**) 04/08/2006, 05:15

gracias, es exactamente lo que busco: onerror.

por si a alguien le vale:

Código PHP:

  <script>

function ImgError(id){

    error = "<img src=\"http://www.dominio.com/img/noimagen.gif\" width=\"80\" height=\"100\">"; 

    document.getElementById(id).innerHTML = error;

}

</script>

 
<div id='imagen'>

<img src="http...../imagen.gif" width="80" height="100" onerror="ImgError('imagen')" />

</div>

Un saludo