Get Started:
Step 1 - Drop your image(s) into a stacks page.
Step 2 - Drag the fullsize versions of the images into the resources area.
Step 3 - Select the image in edit mode and go to the "Add Link" window.
Step 4 - Add a new custom attribute, called "class" and make the value "fancybox"
Step 5 - Change the title value to your image's desired caption.
Step 6 - For the URL field, put the path to the fullsize image "resources/fullsizeimage.jpg" or "http://www.website.com/image.jpg"
Options:
Overlay Opacity - Controls the opacity for the lightbox overlay.
Overlay Color - Controls the color for the lightbox overlay.
Animation Effect - The lightbox animation. Elastic, fade or none.
Effect Speed - The duration of the animation effect. Fast, normal or slow.
Caption Style - The style of the caption. Inside, outside, float or over.
Gallery Thumbnails - Displays the thumbnails for each image in lightbox mode.
Collapse Options - Collapse the options documentation to make room in edit mode.
Getting Started - This option gives you step-by-step instructions to setup FancyViewr.
%[endif]%
%[if !edit]%
%[endif]%