Comment puis-je supprimer silencieusement l'icône « Image introuvable » de mon site Web ?

Suppression silencieuse de l'indicateur « Image introuvable »

Lorsqu'une source d'image n'est pas disponible, les navigateurs Web affichent généralement une icône générique « Image introuvable ». Cela peut être visuellement distrayant et indésirable. Voici comment supprimer cette icône de manière transparente :

Méthode utilisant JavaScript/jQuery/CSS

L'extrait suivant utilise une combinaison de JavaScript, jQuery et CSS pour masquer "Image introuvable". icône :

<img onerror='this.style.display = "none"' src="image.jpg" alt="My Image">

Explication :

• Un HTML La balise avec les attributs source et alt appropriés est utilisée pour afficher l'image.
• L'attribut onerror définit un gestionnaire d'événements qui se déclenche lorsque le chargement de l'image échoue.
• Ce gestionnaire d'événements utilise JavaScript pour dynamiquement définir la propriété CSS d'affichage du sur "aucun", ce qui le cache efficacement de la page.
• En stylisant l'élément élément avec affichage : aucun ;, l'icône "Image non trouvée" ne sera pas visible et l'espace qu'elle occuperait normalement reste vide.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!