Hiding an Image..

How to hide an image using script?

You can wrap your image in a <DIV></DIV> and then set the <DIV>'s visibility property to hidden.

<script>

div1.visibility = 'hidden';

</script>

<div ID = "div1">
<img SRC = "/myimage.gif">
</div>

You can then display it again in script by setting the same property to 'visible'.

thanks very much...

i didn't know the property was .visibility

i kept trying div1.visible=false..

Thanks a lot!

but this isn't working :( either

Add this style in the document head:

<style>

#div1 {visibility:hidden;}

</style>

Give the <DIV> and ID of div1

<div ID = "div1"><img SRC = "/myImage.gif"></div>

That should do it.

In order to access a style in script it must be defined in the document. Sorry, my mistake. To access this attribute from script to hide or show it you could then use this syntax:

div1.style.visibility = 'visible';
div1.style.visibility = 'hidden';

oh yes i figured it out later.. thanks anyway..

I used div1.style.display = "none" .. this won't work in Netscape

Will your code work in Netscape?

Netscape doesn't support the ".style" in code. There is a way to access it in Netscape but I'm not totally sure of the proper syntax and I don't have it installed to test it out, sorry.

oh...

but i have an alternative for Netscape.