Geresnis sugadintų vaizdų tvarkymas CSS-gudrybės

Turinys

Jei trūksta vaizdų, tiesiog nieko nebus rodoma, arba bus rodomas (?) Stiliaus langelis, kai nebus galima rasti jų šaltinio. Vietoj to, galbūt norėsite tai pakeisti „trūkstamu vaizdu“ grafika, kurioje tikrai esate, todėl yra geresnių vizualinių atsiliepimų, kad kažkas negerai. Arba galbūt norėsite tai visiškai paslėpti. Tai įmanoma, nes vaizdai, kurių naršyklė neranda, iššaukia „klaidos“ „JavaScript“ įvykį, kurį galime stebėti.

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

Be to, galite suaktyvinti tam tikrą „Ajax“ veiksmą, kad išsiųstumėte el. Laišką svetainės administratoriui, kai tai įvyktų.

Įdomios straipsniai...