Lightbox plugins allow users to view magnified versions of clicked thumbnails in modal dialogs on the same page. Coupled with easing animations and other attractive effects, they make for engaging viewing.
While there are a number of modules that provide such functionality, we will be looking at the Colorbox plugin and module in this recipe specifically as it is jQuery-based and supports the Image module.
The Colorbox module (version 7.x-1.1 at the time of writing) can be downloaded from http://drupal.org/project/colorbox. The project page also provides information on installing the Colorbox plugin which summarily amounts to downloading it from http://colorpowered.com/colorbox and extracting within sites/all/libraries
.
We will also be continuing from where we left off in the previous recipe in which we uploaded a number of images to a sample node.