Lepší nefunkční zpracování obrazu Triky CSS

Anonim

Chybějící obrázky buď pouze nic nezobrazí, nebo zobrazí rámeček stylu (?), Pokud nelze najít jejich zdroj. Místo toho jej možná budete chtít nahradit grafikou „chybějícího obrázku“, o které jste si jisti, že existuje, takže existuje lepší vizuální zpětná vazba, že něco není v pořádku. Nebo to možná budete chtít úplně skrýt. To je možné, protože obrázky, které prohlížeč nemůže najít, vypálí „chybovou“ událost JavaScriptu, na kterou se můžeme dívat.

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

Možná budete chtít spustit nějakou akci Ajaxu a poslat e-mail správci webu, když k tomu dojde.