%[if edit]%

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]%