Maison >interface Web >tutoriel CSS >Comment puis-je masquer l'icône « Image introuvable » dans mon navigateur Web ?

Comment puis-je masquer l'icône « Image introuvable » dans mon navigateur Web ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-01 18:39:15364parcourir

How Can I Hide the

Masquage de l'icône « Image introuvable »

Lorsqu'un fichier image ne peut pas être localisé, les navigateurs affichent généralement une icône générique « Image introuvable » à sa place. Pour éviter ce comportement par défaut inesthétique, il existe des techniques permettant de masquer silencieusement cette icône.

Utilisation de JavaScript en ligne

Une méthode efficace consiste à utiliser l'écouteur d'événement onerror. En attachant cet écouteur à l'image, vous pouvez spécifier une action à effectuer lorsque le chargement de l'image échoue. Par exemple :

<img onerror='this.style.display = "none"' src="image.png">

Lorsque l'image dans "image.png" n'est pas trouvée, le gestionnaire d'événements onerror définira la propriété d'affichage de l'image sur "aucun". Cela masque efficacement l'image, même si elle reste techniquement présente dans le code.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn