ansaurus

Question

Answer 1

+2 A:

That's quite a hack you are using. Ideally, you must hide/show the images on mouseover/mouseout like this -

document.getElementById("imageId").style.display = "none"; //Hide
document.getElementById("imageId").style.display = ""; //Show

If this makes your table shaky, then there has to be some problem with the table structure you are using on your page (I don't see any problem in the table structure on the page tho).

To circumvent this problem you can also use the visibility class like this (instead of using display) -

document.getElementById("imageId").style.visibility = "hidden"; //Hide
document.getElementById("imageId").style.visibility = "visible"; //Show

Kirtan 2009-07-11 06:29:42

thank you very much, that worked

Richard 2009-07-11 06:45:35

when you want to show you should set the display = 'block'

Dave Anderson 2009-07-11 07:41:47

Dave, whether to set the value of the "display" property to "" or "block" depends on whether the element was displayed in block mode or not before being hidden. If it was not displayed as a "block" element, and then you set the value of "display" property to "block", it MAY mess the layout in FF (I've seen some cases).

Kirtan 2009-07-11 08:13:56

Opacity is definitely the wrong way to go here. In IE, Opacity is currently implemented as a DirectX filter, which is rather expensive and has quirks.

EricLaw -MSFT- 2009-07-11 14:54:27

ansaurus

tags:

views:

answers:

Set Image Opacity Problem

related questions