que - javascript tutorial

Imagen de retroceso y tiempo de espera-Contenido externo. Javascript

Question

¿Cuál es la mejor manera de configurar una imagen de respaldo local si la imagen externa no se carga o tarda demasiado en cargarse?

Answer 1

Puede agregar un controlador oneror:

<img src="http://example.com/somejpg.jpg"
    onerror=''this.onerror = null; this.src="./oops.gif"'' />

Tenga en cuenta que el valor de onerror es nulo en el controlador para que el navegador no muera si no se puede cargar oops.gif por algún motivo.

Answer 2

Trate de hacer uso de la propiedad Image.complete.

var img = new Image(w,h)
img.src = "http://...";

Ahora compruebe periódicamente si img.complete es verdadero y llame a algún mecanismo de reserva si todavía es false después de n segundos.