Colorbox

Overview

The Colorbox module integrates the Colorbox plugin into Drupal. The Colorbox plugin is a light-weight, customizable lightbox plugin for jQuery 1.4.3+.

With Colorbox images, iframed or inline content etc. can be displayed in a overlay above the current page.

Features

The Colorbox module:

  • Excellent integration with Image field and Image styles
  • Choose between a default style and 5 example styles that are included.
  • Style the Colorbox with a custom colorbox.css file in your theme.
  • Drush command to download and install the Colorbox plugin in sites/all/libraries

The Colorbox plugin:

  • Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+
  • Supports photos, grouping, slideshow, ajax, inline, and iframed content.
  • Lightweight: 10KB of JavaScript (less than 5KBs gzipped).
  • Appearance is controlled through CSS so it can be restyled.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.

Comparison of Lightbox-type modules

There are many "box" scripts freely available on the net. To get an initial idea of which box is suitable for you, http://planetozh.com/projects/lightbox-clones might help you to pick some candidates.

There are various modules in Drupal which provide "lightbox" type functionality. These modules usually use JavaScript to overlay images on the current page when clicked upon, which has the advantage of being able to show users the large version of a thumbnail image while keeping them on the same page. However, there are a number of these modules available, each quite similar but some have more features, while others are more lightweight or have better browser support.

This article attempts to do a comparison between these modules to allow you to choose which one best suits your needs. For the purposes of this comparison, the "lightbox" type functionality where content can be displayed in a container overlayed on the current page, whether it be for images, iframed content or videos, shall be referred to as a "lightbox".

The Overview section is a few years out of date (written at the time of Firefox 3.x and IE 7) with the exception of the Module Overview table which is current as of May 2012. The Available Modules section is also current as of May 2012.

This article was written by the current maintainer of the Lightbox2 module but aims to provide an unbiased and fair comparison.

Subscribe with RSS Subscribe to RSS - pop up