Bedre ødelagt bildebehandling - CSS-triks

Anonim

Manglende bilder vil enten bare vise ingenting, eller vise en (?) Stilrute når kilden ikke kan bli funnet. I stedet kan det være lurt å erstatte det med et "manglende bilde" -grafikk som du er sikker på, så det er bedre visuell tilbakemelding om at noe er galt. Eller du vil kanskje skjule det helt. Dette er mulig fordi bilder som en nettleser ikke finner utløser en "feil" JavaScript-hendelse vi kan se etter.

// Replace source $('img').on("error", function() ( $(this).attr('src', '/images/missing.png.webp'); )); // Or, hide them $("img").on("error", function() ( $(this).hide(); ));

I tillegg kan det være lurt å utløse en slags Ajax-handling for å sende en e-post til en nettstedsadministrator når dette skjer.