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:

La imagen original debería ser una botella, pero se muestra una etiqueta.

Comentarios

Publicar un comentario

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Script para buscar palabras o textos en una página (html) con Jquery