GK Image Show: display instead of opacity

Hi,

In GK Image Show, the slide that is not displayed is hidden using opacity 0.

However, this gives me trouble in IE and FF as the links from the "almost hidden slide" are still functional (but not visible) as clickable zones under the active slide content.

Why not use display: none ?

Hi,

The slider doesn't use the display:none, because display doesn't offer continious transition as the opacity property.

Hi,
Thanks for your reply. That's what I was thinking.
But in that case, I prefer function over form, and in my setup, it really creates lots of clickable zones that are not related to the current active slide

I guess I'll have to hack the js file.
I'm sure I'm not the only one, so I'll post the code here when I get it to work.

Ok, please post here your solution, then I'll make this topic sticky

By using visibility attribute instead of display I managed to keep your nice transition effect. Here is the CSS change in extensions.css :

Code: Select all

.gk-is-wrapper-gk_startup .gk-is-text {
   display: block;
   visibility: hidden;
...
...
}

.gk-is-wrapper-gk_startup .gk-is-text.active {
   top: 115px;
   visibility: visible;
}