Lightbox Inline Images

Basic Colorbox

  • Install colorbox, colorbox_inline
  • Add a link around the image, with href="path to larger version of the image", and class="colorbox"

This will open images in a colorbox.  The plain colorbox style for images is very nice in this scenario.

Colorbox Image Galleries

This is where you can open any image on the page in a lightbox, and clicking forward and back links will open the next and previous images on the page in the lightbox without closing the lightbox or reloading the page.

In addition to the basic colorbox modules and configuration, you need to:

  • Install colorbox_load and ng_lightbox
  • Add the following to the link around the image: data-colorbox-gallery="<gallery group name>" where the gallery group name can be anything, say "a"