Igor Kromin |   Consultant. Coder. Blogger. Tinkerer. Gamer.

If you're using Fancybox with dynamic image URLs, you may find that the gallery/full screen pop-up is not working. Instead of the pop-up, when clicked, the source image is being loaded in the window as if Fancybox wasn't initialised. This is because Fancybox hasn't been able to determine the image type so doesn't know what to do. It's easily rectified.

For example, URLs like this will cause this issue to surface: http://<some_domain>/image.php?id=1234

To allow these types of URLs to work, simply add this parameter to your Fancybox initialisation:
 Option
type: 'image'


For example, this is what my Fancybox initialisation looks like:
 JavaScript
$('.fancybox').fancybox({
padding: 6,
nextClick: true,
helpers: {
overlay: {
locked: false
}
},
type: 'image'
});


That's all there is to it!



-i

A quick disclaimer...

Although I put in a great effort into researching all the topics I cover, mistakes can happen. Use of any information from my blog posts should be at own risk and I do not hold any liability towards any information misuse or damages caused by following any of my posts.

All content and opinions expressed on this Blog are my own and do not represent the opinions of my employer (Oracle). Use of any information contained in this blog post/article is subject to this disclaimer.
Hi! You can search my blog here ⤵
NOTE: (2022) This Blog is no longer maintained and I will not be answering any emails or comments.

I am now focusing on Atari Gamer.