Comment créer un <img> caché en JavaScript?

Question

Comment pouvez-vous faire un simple tag comme <img src="a.gif"> caché par programmation en utilisant JavaScript?

Answer 1

Je ne suis pas sûr de comprendre votre question. Mais il existe deux approches pour rendre l'image invisible ...

HTML pur

<img src="a.gif" style="display: none;" /> 

Ou ...

HTML + Javascript

<script type="text/javascript"> 
document.getElementById("myImage").style.display = "none"; 
</script> 

<img id="myImage" src="a.gif" /> 

Answer 2

Que diriez-vous

<img style="display: none;" src="a.gif">

qui permet de désactiver l'affichage complètement, et ne pas laisser un espace réservé

Answer 3

Essayez définir le style pour afficher = none:

<img src="a.gif" style="display:none"> 

Answer 4

Vous pouvez cacher une image utilisant javascript comme ceci:

document.images['imageName'].style.visibility = hidden; 

Si ce n'est pas ce que vous recherchez, vous devez vous expliquer plus clairement.

Answer 5

Cette question est vague, mais si vous voulez faire l'image avec Javascript. C'est simple.

function loadImages(src) { 
    if (document.images) { 
    img1 = new Image(); 
    img1.src = src; 
} 
loadImages("image.jpg"); 

L'image sera demandée, mais tant que vous ne l'avez pas affichée, elle ne sera plus jamais affichée. Idéal pour le pré-chargement des images que vous attendez d'une demande, mais pour le retarder jusqu'à ce que le document soit chargé.

Example