Add a data-fancybox
attribute to any image link to enable fancyBox.
Galleries are created by adding the same data-fancybox
attribute value.
To show only one or a few images but have a large gallery, simply hide the rest of the links.
Optionally, use data-thumb
for thumbnail image.
fancyBox can display thumbnail instantly while full-size image incrementally appears over top, thus making the wait less painful.
Simply add data-width
and data-height
attributes.
The first one does not wait for full image to load and uses thumbnail as preview image.