Parempi rikkoutuneiden kuvien käsittely - CSS-temppuja

Anonim

Puuttuvat kuvat joko eivät vain näytä mitään, tai näyttävät (?) -Tyyliruudun, kun niiden lähdettä ei löydy. Sen sijaan haluat ehkä korvata sen "puuttuvalla kuvalla" -kuvalla, jonka olet varma, joten on parempi visuaalinen palaute siitä, että jokin on vialla. Tai haluat ehkä piilottaa sen kokonaan. Tämä on mahdollista, koska kuvat, joita selain ei löydä, laukaisevat "virheen" JavaScript-tapahtuman, jota voimme seurata.

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

Lisäksi saatat haluta käynnistää jonkinlaisen Ajax-toiminnon lähettämään sähköpostia sivuston järjestelmänvalvojalle, kun tämä tapahtuu.