The FancyBox does not appear if the image is by default hidden on page load

FancyBox searches the source for media links (and binds itself to them) on two occasions: on the main “document.ready” event (that’s right after page source has loaded) and after an event called “document.post-load”. This event is (for example) triggered by the Jetpack Infinite Scroll script after it has loaded (ajax) new posts into the page.

Did you create that conditional image loading on your own site? If so, then adapt the script a bit so that it does a trigger(‘post-load’) right after adding new content…

Thanks RavanH for quick response. I found out that in some scenario it does not show fancy box even it image is not hidden. It may be some conflict and but I am not able to figure.

https://kidkive.com/start-my-book/

The first page has a image link and it works.
When click next and go to next page, same image (essentailly same as above), it does not work. The only difference in the second page is that a page break. If I remove page break it works. I am trying to figure out what is the the confict with page break and not able to figure.

Any help is much apreciated.

I’m getting a “You do not have permission to view this form.” on https://kidkive.com/start-my-book/

sorry, I have reverted the permissions. You can try now.

sorry, it was conflict with one of the plugin configuration. Issue resolved and thanks to RavanH support.