Usar una imagen alternativa si no carga la principal
En todo diseño web hay imágenes, más aún en las tiendas online y en los blogs. Muchos diseños dependen de las imágenes, pero qué pasa si se nos cae el servidor donde están alojadas las imágenes o si movemos de carpeta a las imágenes y nos olvidamos de direccionarlas.
Para cualquiera de estos casos lo más recomendable es usar una imagen alternativa dentro del IMG, veamos:
<img src="URL_de_imagen_principal.jpg" alt="texto de imagen" onerror="this.src='URL_de_imagen_alternativa.jpg';" />
Las imágenes pueden ser JPG, PNG o GIF, eso es indiferente.
Algunos webmaster a menudo usan imágenes en blanco y negro de baja resolución y peso para llenar el espacio vacío que dejaría una imagen normal. Tal es el caso de Facebook que mientras carga o demora en cargar su contenido muestra una imagen alternativa en baja resolución.
Ejemplo:
Para cualquiera de estos casos lo más recomendable es usar una imagen alternativa dentro del IMG, veamos:
<img src="URL_de_imagen_principal.jpg" alt="texto de imagen" onerror="this.src='URL_de_imagen_alternativa.jpg';" />
Las imágenes pueden ser JPG, PNG o GIF, eso es indiferente.
Algunos webmaster a menudo usan imágenes en blanco y negro de baja resolución y peso para llenar el espacio vacío que dejaría una imagen normal. Tal es el caso de Facebook que mientras carga o demora en cargar su contenido muestra una imagen alternativa en baja resolución.
Ejemplo:
La imagen original debería ser una botella, pero se muestra una etiqueta. |
También se puede llamar una función con onerror="funcion()".
ResponderEliminarExcelente aporte, muchas gracias.
Buen aporte ...
ResponderEliminarbien
ResponderEliminarGracias por el aporte, me sirvio de mucho :)
ResponderEliminar