Boljše ravnanje z zlomljenimi slikami CSS-triki

Manjkajoče slike bodisi ne bodo ničesar prikazale ali pa bodo prikazale (?) Stilsko polje, če njihovega vira ni mogoče najti. Namesto tega boste morda želeli to zamenjati z grafiko »manjkajoča slika«, za katero ste prepričani, da obstaja, zato obstajajo boljši vizualni odzivi, da je nekaj narobe. Ali pa ga boste morda želeli v celoti skriti. To je mogoče, ker slike, ki jih brskalnik ne najde, sprožijo dogodek »napake« JavaScript, ki ga lahko opazujemo.

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

Poleg tega boste morda želeli sprožiti nekakšno dejanje Ajaxa za pošiljanje e-pošte skrbniku spletnega mesta, ko se to zgodi.