Les images manquantes n'afficheront simplement rien ou afficheront une boîte de style (?) Lorsque leur source est introuvable. Au lieu de cela, vous voudrez peut-être le remplacer par un graphique «image manquante» dont vous êtes sûr qu'il existe afin d'obtenir un meilleur retour visuel indiquant que quelque chose ne va pas. Ou, vous pourriez vouloir le cacher entièrement. Cela est possible car les images qu'un navigateur ne peut pas trouver déclenchent un événement JavaScript «d'erreur» que nous pouvons surveiller.
// Replace source $('img').on("error", function() ( $(this).attr('src', '/images/missing.png.webp'); )); // Or, hide them $("img").on("error", function() ( $(this).hide(); ));De plus, vous souhaiterez peut-être déclencher une sorte d'action Ajax pour envoyer un e-mail à un administrateur du site lorsque cela se produit.