Quitar imágenes rotas con jQuery

Existe la posibilidad de que con el tiempo cambiemos la ubicación de alguna de las imágenes que utilizamos en nuestra página web  y al intentar visualizarla aparezca la imagen alternativa indicándonos que la dirección a la imagen que haciamos referencia es incorrecta (imagen rota).

Para evitar que se vean imágenes rotas en nuestra Web, podría añadir a nuestros scripts jQuery las siguientes líneas de código:

$('img').error(function() {
        $(this).remove();
});

En el código anterior si existe un error al cargar una imagen simplemente la remueve de la estructura HTML.

Todo desarrollador web tiene que estar en todos estos detalles para evitar que el usuario vea una posible deficiencia en nuestro sitio web.

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre