По-добро обработване на счупени изображения - CSS-трикове

Anonim

Липсващите изображения или просто няма да показват нищо, или ще покажат (?) Поле за стил, когато техният източник не може да бъде намерен. Вместо това може да искате да замените това с графика „липсващо изображение“, за която сте сигурни, че съществува, така че има по-добра визуална обратна връзка, че нещо не е наред. Или може да искате да го скриете изцяло. Това е възможно, защото изображенията, които браузърът не може да открие, се изключват от „грешка“ в JavaScript събитие, което можем да наблюдаваме.

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

Освен това може да пожелаете да задействате някакво действие на Ajax за изпращане на имейл до администратор на сайта, когато това се случи.