Fancybox disappearing close and arrow buttons

[grimski]

When clicking a previous/next arrow to navigate to another image, the arrows and close buttons disappear and then reappear – almost like they’re reloading.

I would like to state I don’t believe this to be the same issue I found a lot searching on Google for a fix, where people suggest setting visibility: visible;. Which seems to relate to the arrows being hidden until the gallery is hovered over. I don’t have this issue, my navigation is visible at any state until they are interacted with.

You can see this on the fancybox examples section under “Image Gallery”. If you click the first image so it opens up in fancybox and then interact with the arrows you’ll see the buttons behave how I’ve mentioned, almost like a flash, like they reinitialised again?

http://fancyapps.com/fancybox/#examples

There might not be anything I can do about this but if there is, I’d love to know how :)

Thanks,
Steve

[Paulie_D]

I couldn’t swear to it but my guess is that the ‘overlay’ including the navigation parts is added and removed from the page by JS so the button isn’t actually “there” in the DOM until it’s inserted by the JS.

Consequently, there’s a small amount of time between the time the current button is removed from the DOM and the new one inserted and thus able to be hovered.

Just a guess since the required HTML is just this just a bunch of links with two images inside.

Note there are NO overlay elements in there at all.

[Author]

Posts