Parem purustatud piltide käitlemine CSS-trikid

Anonim

Puuduvate piltide korral ei kuvata lihtsalt midagi või kuvatakse stiilikast (?), Kui nende allikat ei leita. Selle asemel võiksite selle asendada graafikaga „puuduv pilt”, mille olemasolu olete kindel, nii et parem visuaalne tagasiside on sellest, et midagi on valesti. Või võiksite selle täielikult varjata. See on võimalik, kuna pildid, mida brauser ei leia, tekitavad „vea” JavaScripti sündmuse, mida saame jälgida.

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

Lisaks võite soovida käivitada mingisuguse Ajaxi toimingu, et saata saidi administraatorile meilisõnum, kui see juhtub.