26
¿Cuál es la mejor manera de configurar una imagen de reserva local si la imagen externa no se carga o tarda demasiado en cargarse?Imagen de recuperación y tiempo de espera - Contenido externo. Javascript
A
Respuesta
43
Usted puede agregar un controlador de oneror:
<img src="http://example.com/somejpg.jpg"
onerror='this.onerror = null; this.src="./oops.gif"' />
Nota establecer onerror a nula en el controlador para que el navegador no muere si oops.gif no se puede cargar por alguna razón.
+0
Oh, me olvidé de onerror. Esto podría ser más fácil, pero la solución que publiqué a continuación permite precachear las imágenes y verificar su disponibilidad antes de que se muestren. Depende de lo que necesita ... – moxn
+0
¡Impresionante! Me encanta cuando aprendo trucos nuevos como este. Iba a recurrir a jQgery jiggery pokery. – MikeMurko
+0
¡El problema aquí es el tiempo por el cual la imagen considerada como no disponible! Puede llevar mucho tiempo que la carga de la actividad del navegador funcione hasta que invoque el evento 'onerror'. – SaidbakR
2
Intente hacer uso de la propiedad Image.complete.
var img = new Image(w,h)
img.src = "http://...";
Ahora compruebe periódicamente si img.complete es verdad y llamar a algunos mecanismo de reserva shuold seguiría siendo false después de n segundos.
Cuestiones relacionadas
- 1. Tiempo de espera externo de Javascript
- 2. duración y tiempo de recuperación de mysql
- 3. raw_input y tiempo de espera
- 4. Javascript IOS5 "ejecución de JavaScript excedió el tiempo de espera"
- 5. tiempo de espera stringwithcontentsofurl
- 6. Tiempo de espera agotado - Tiempo de espera agotado
- 7. tiempo de espera de membresía y tiempo de espera de sesión
- 8. HttpWebRequest Tiempo de espera
- 9. NSURLConnection tiempo de espera
- 10. WCF ¿Tiempo de espera?
- 11. NSURLConnection tiempo de espera?
- 12. ¿Qué significa "tiempo de espera" y "tiempo de espera abierto" en Faraday?
- 13. JavaScript externo
- 14. jquery ui diálogos y carga de contenido externo
- 15. Tiempo de espera de QNetworkAccessManager
- 16. Tiempo de espera de Python
- 17. ¿Cómo diferenciar cuándo espera (tiempo de espera prolongado) salir para notificar o tiempo de espera?
- 18. Android - Despacho de clave Tiempo de espera
- 19. java.net.SocketTimeoutException: tiempo de espera agotado
- 20. Android GPS tiempo de espera
- 21. exec() con tiempo de espera
- 22. MySQL: "bloqueo de tiempo de espera de espera excedido"
- 23. ¿Alguna forma de aplicar con gracia un límite de tiempo de espera al cargar un archivo externo lento a través de javascript?
- 24. SVG clipPath para recortar el contenido * externo *
- 25. feedparser con tiempo de espera
- 26. Tiempo de espera para thread.join()
- 27. Tiempo de espera con jQuery.get()
- 28. Tiempo de espera para BackgroundWorker
- 29. Tarea fromAsync tiempo de espera
- 30. Tiempo de espera de sesión de IIS frente a tiempo de espera de sesión de ASP.NET
¡Brillante! Estaba a punto de hacer la misma pregunta, e hice una búsqueda rápida en Google y encontré esta pregunta. Estaba pensando en hacerlo del lado del servidor, pero el lado del cliente suena mucho más directo. – Skilldrick