Fluidbox

Provides a field formatter to display images in a fluidbox. http://terrymun.github.io/Fluidbox/

Fluid box is a 'distraction free' lightbox. It provides an elegant mechanism that allows a different image to be loaded inside the lightbox than the one that is on the page. It resizes the images on the page intelligently, i.e portrait images aren't squashed and large keep their aspect ratio.

Requirements

• jQuery Update module (jQuery >1.7) - http://drupal.org/project/jquery_update
• Libraries API Module (7.2+)- http://drupal.org/project/libraries
• Images Loaded Javascript Library - https://github.com/desandro/imagesloaded
• Fluidbox Javascript Plugin - https://github.com/terrymun/Fluidbox

Instructions

1. Clone the imagesloaded repo into sites/all/libraries/imagesloaded
2. Clone the fluidbox repo into sites/all/libraries/fluidbox
3. In the manage display page for the content type which contains the image field you'd like to put into a lightbox change the formatter to "Fluidbox"