A lightbox library for presenting various types of media. Responsive, touch-enabled and customizable.
In order to use this plugin on your page you will need to include the following styles in the Page CSS area from the page’s head section:
In order to use this plugin on your page you will need to include the following script in the “Page JS” area from the page’s footer:
data-fancybox on any
<a> element and make sure you add a correct image path inside the
If you have a group of items, you can use the same attribute data-fancybox value for each of them to create a gallery. Each group should have a unique value.
For inline content, create a hidden element with unique id.
And then simply create a link having
data-src attribute that matches ID of the element you want to open (preceded by a hash mark (#); in this example - #hidden-content):
If the content can be shown on a page, and placement in an iframe is not blocked by script or security configuration of that page, it can be presented in a fancyBox.
Supported sites can be used with Fancybox by just providing the page URL.