Creating the Hidden Image in JavaScript

Question

How to disable the image display for <img src =a.gif > tag

Answer 1

How about

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

That will disable the display completely, and not leave a placeholder

Answer 2

Is this for use in preloading images? If so, you'll find this link helpful.

Answer 3

Try setting the style to display=none:

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

Answer 4

You can hide an image using javascript like this:

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

If that isn't what you are after, you need to explain yourself more clearly.

Answer 5

I'm not sure I understand your question. But there are two approaches to making the image invisible...

Pure HTML

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

Or...

HTML + Javascript

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

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

Answer 6

This question is vague, but if you want to make the image with Javascript. It is simple.

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

The image will be requested but until you show it it will never be displayed. great for pre loading images you expect to be requests but delaying it until the document is loaded.

enjoy.

Example