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
Libérer: 2024-12-01 18:39:15
original
315 Les gens l'ont consulté

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">
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal