visible/hidden mousover/mouseout

[steeleweed]

Onmouseover/onmouseout trigger
functions VVV/HHH
VVV sets an object to VISIBLE
HHH set an object to HIDDEN.
When initial display ish VISIBLE, the mousever/mouseout functions work as expected, toggling visible/hidden.
However, when initial display is HIDDEN, mouseover makes it Visbile 1st time, and mouseout make Hidden from then on. Subsequent mouseovers do not make it Visible.
???

[AdamGundry]

I'd guess this was because if an object is set visibility: hidden (or display: none) its onmouseover event is not triggered, as it is effectively removed from the window. You'll probably need to come up with some other method of hiding the content, such as covering it up with a blank <div>.

Of course, post your code anyway in case your problem is something else.

Adam

[steeleweed]

Found a workaround by defining image with style="filter:alpha(opacity=0) and setting onmouseover="this.filters.alpha.opacity=100
onmouseout="this.filters.alpha.opacity=0

Works fine.
Thanks folks.