Mejor manejo de imágenes rotas | Programar Plus

Las imágenes faltantes simplemente no mostrarán nada o mostrarán una [ ? ] cuadro de estilo cuando no se puede encontrar su fuente. En su lugar, es posible que desee reemplazar eso con un gráfico de “imagen faltante” que está seguro de que existe para que haya una mejor respuesta visual de que algo está mal. O bien, es posible que desee ocultarlo por completo. Esto es posible porque las imágenes que un navegador no puede encontrar activan un evento JavaScript de “error” que podemos observar.

// Replace source
$('img').on("error", function() {
  $(this).attr('src', '/images/missing.png');
});

// Or, hide them
$("img").on("error", function() {
  $(this).hide();
});

Además, es posible que desee activar algún tipo de acción Ajax para enviar un correo electrónico a un administrador del sitio cuando esto ocurra.

(Visited 7 times, 1 visits today)