Fancybox single thumbnail gallery

That’s because of two things – if you’ve configured Fancybox correctly – those icons should be visible.The other thing is, I’ve created an icon that is very identical to those of Fancybox’s – and we’ll include in our thumbnails.You should have something like the screenshot below: As you can see – we’re swiftly on our way. This may not be the case with yours – but with me, I just decided to fix this by wrapping our list items inside an ‘if – else’ statement: Now we move on to the Fancy Box script: I almost always use j Query for all my projects.

Fancybox single thumbnail gallery-20Fancybox single thumbnail gallery-62Fancybox single thumbnail gallery-29

Download the latest version from and include it in your document. Once again, include the script right under the j Query one.

Note that Fancy box comes with its own image folder and css file.

Take a look at the couple of images below: These images (available in the download) I’ve saved inside the root folder.

In your – add these lines of code: The code above adds a nice texture to our gallery background.

A good example is XAMPP, which is free and can be downloaded from