Jobb törött képkezelés - CSS-trükkök

Anonim

A hiányzó képek vagy csak semmit nem jelenítenek meg, vagy (?) Stílus mezőt jelenítenek meg, ha a forrás nem található. Ehelyett érdemes ezt egy „hiányzó kép” grafikával pótolni, amelyről biztosan létezik, így jobb vizuális visszajelzés érkezik arról, hogy valami nincs rendben. Vagy érdemes teljesen elrejteni. Ez azért lehetséges, mert azok a képek, amelyeket egy böngésző nem talál, egy „hiba” JavaScript eseményt indítanak el, amelyre figyelhetünk.

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

Ezenkívül érdemes valamilyen Ajax műveletet indítania, hogy e-mailt küldjön a webhely rendszergazdájának, amikor ez bekövetkezik.