Recipe 60: Gallery with Lightbox2 and jQuery Update

Note

Completed Gallery, Recipe 59

jQuery Update: http://drupal.org/project/jquery_update

Lightbox2 module: http://drupal.org/project/lightbox2

Lightbox2 enhances the gallery, presenting a larger version of the thumbnail images along with navigation arrows. The module requires the jQuery Update module.

Installing jQuery Update

1. Install and enable the jQuery Update module.

2. Back up the JavaScript files from the Drupal site's misc directory and overwrite them with the new JavaScript files found in the jQuery Update module. Be sure to substitute the appropriate pathname for <DRUPALROOT> in the steps below.

   mkdir /backups/
   mkdir /backups/misc
   cd <DRUPALROOT>/misc
   cp *.js /backups/misc
   cd <DRUPALROOT>/sites/all/modules/jquery_update/misc
   cp *.js <DRUPALROOT>/misc/
   
   
   

Installing Lightbox2

1. Install and enable the Lightbox2 module.

2. Open up the photos view, go to the Fields fieldset, and change the Image Option to Lightbox2: 130x130Square...