A light-weight, customizable lightbox plugin for jQuery 1.3
Switch branches/tags
Nothing to show
Pull request Compare This branch is 368 commits behind jackmoore:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



Visit the ColorBox mailing list if you have any questions or problems.


Version 1.2.5 - June 23 2009
* Changed the point at which iframe srcs are set (to eliminate the need to refresh the iframe once it has
  been added to the DOM).
* Removed unnecessary return values for a very slight code reduction.

Version 1.2.4 - June 9 2009
* Fixed an issue where ColorBox may not close completely if it is closed during a transition animation.
* Minor code reduction.

Version 1.2.3 - June 4 2009
* Fixed a png transparency stacking issue in IE.
* More accurate Ajax auto-sizing if the user was depending on the #cboxLoadedContent ID for CSS styling.
* Added a public function for returning the current html element that ColorBox is associated with.
  Example use: var that = $.fn.colorbox.element();
* Added bicubic scaling for resized images in the original IE7.
* Removed the IE6 stylesheet and png files from Example 3.  It now uses the same png file for the controls
  that the rest of the browsers use (an alpha transparency PNG8).  This example now only has 2 graphics
  files and 1 stylesheet.

Version 1.2.2 - May 28 2009
* Fixed an issue with the 'resize' option.

Version 1.2.1 - May 28 2009
* Note: If you are upgrading, update your jquery.colorbox.js and colorbox.css files.
* Added photo resizing.
* Added a maximum width and maximum height. Example: {height:800, maxHeight:'100%'}, would allow the box
  to be a maximum potential height of 800px, instead of a fixed height of 800px.  With maxHeight of 100%
  the height of ColorBox cannot exceed the height of the browser window.
* Added 'rel' setting to add the ability to set an alternative rel for any ColorBox call.  This allows the
  user to group any combination of elements together for a gallery, or to override an existing rel.
  attribute so those element are not grouped together, without having to alter their rel in the HTML.
* Added a 'photo' setting to force ColorBox to display a link as a photo.  Use this when automatic photo detection
  fails (such as using a url like 'photo.php' instead of 'photo.jpg', 'photo.jpg#1', or 'photo.jpg?pic=1')
* Removed the need to ever create disposable elements to call colorbox on.  ColorBox can now be called
  directly, without being associated with any existing element, by using the following format:
  $.fn.colorbox({open:true, href:'yourLink.xxx'});
* ColorBox settings are now persistent and unique for each element.  This allows for extremely flexible
  options for individual elements.  You could use this to create a gallery in which each page in the gallery
  has different settings.  One could be a photo with a fade transition, next could be an inline element
  with an elastic transition with a set width and height, etc.
* For user callbacks, 'this' now refers to the element colorbox was opened from.
* Fixed a minor grouping issue with IE6, when transition type is set to 'none'.
* Added an Adobe Illustrator file that contains the borders and buttons used in the various examples.

Version 1.2 - May 13 2009
* Note: If you are upgrading from a previous version of ColorBox, see the UPGRADE file.

* Added a slideshow feature.
* Added re-positioning on browser resize.  If the browser is resized, ColorBox will recenter itself onscreen.
* Added hooks for key events: cbox_open, cbox_load, cbox_complete, cbox_closed.
  Example of using the hooks to build a primitive sideshow:
  $().bind('cbox_complete', function(){
    setTimeout($.fn.colorbox.next, 1500);
* Fixed an IE transparency-stacking problem, where transparent PNGs would show through to the background
* Fixed an IE iframe issue where the ifame might shift up and to the left under certain circumstances.
* Fixed an IE6 bug where the loading overlay was not at full height.
* Removed the delay in switching between same-sized gallery content when using transitions.
* Changed how iframes are loaded to make it more compatible with iframed pages that use DOM dependent
* Changed how the JS is structured to be better organized and increase compression.  Increased documentation.
* Changed CSS :hover states to a .hover class.  This sidesteps a minor IE8 bug with css hover states and
  allows easier access to hover state user styles from the JavaScript.
* Changed: elements added to the DOM have new ID's.  The naming is more consistent and less likely to cause
  conflicts with existing website stylesheets.  All stylesheets have been updated.
* Changed the behavior for prev/next links so that ColorBox does not get hung up on broken links.  A visitor
  can now skip through broken or long-loading links by clicking prev/next buttons.
* Changed the naming of variables in the parameter map to be more concise and intuitive.
* Removed colorbox.css.  Combined the colorbox.css styles with jquery.colorbox.js:
  the css file was not large enough to warrant being a separate file.

Version 1.1.6 - April 28 2009
* Prevented the default action of the next & previous anchors and the left and right keys for gallery mode.
* Fixed a bug where the title element was being added back to the DOM when closing ColorBox while using
  inline content.
* Fixed a bug where IE7 would crash for example 2.
* Smaller filesize: removed a small amount of unused code and rewrote the HTML injection with less syntax.
* Added a public method for closing ColorBox: $.fn.colorbox.close().  This will allow iframe users to
  add an event to close ColorBox without having to create an additional function.

Version 1.1.5 - April 11 2009
* Fixed minor issues with exiting ColorBox.

Version 1.1.4 - April 08 2009
* Fixed a bug in the fade transition where ColorBox not close completely if instructed to close during the
  fade-in portion of the transition.

Version 1.1.3 - April 06 2009
* Fixed an IE6&7 issue with using ColorBox to display animated GIFs.

Version 1.1.2 - April 05 2009
* Added ability to change content when ColorBox is already open.
* Added vertical photo centering now works for all browsers (this feature previously excluded IE6&7).
* Added namespacing to the esc-key keydown event for people who want to disable it: "keydown.colorClose"
* Added 'title' setting to add the ability to set an alternative title for any ColorBox call.
* Fixed rollover navigation issue with IE8. (Added JS-based rollover state due to a browser-bug.)
* Fixed an overflow issue for when the fixed width/height is smaller than the size of a photo.
* Fixed a bug in the fade transition where the border would still come up if ColorBox was
  closed mid-transition.
* Switch from JSMin to Yui Compressor for minification.  Minified code now under 7KB.

Version 1.1.1 - March 31 2009
* More robust image detection regex.  Now detects image file types with url fragments and/or query strings.
* Added 'nofollow' exception to rel grouping.
* Changed how images are loaded into the DOM to prevent premature size calculation by ColorBox.
* Added timestamp to iframe name to prevent caching - this was a problem in some browsers if the user had
  multiple iframes and the visitor left the page and came back, or if they refreshed the page.

Version 1.1.0 - March 21 2009
  Major Changes:
* Animation is now much smoother and less resource intensive.
* Added support for % sizing.
* Callback option added.
* Inline content now preserves JavaScript events, and changes made while ColorBox is open are also preserved.
* Added 'href' setting to add the ability to set an alternative href for any anchor, or to assign the
  ColorBox event to non-anchors. 
  Example: $('button').colorbox({'href':'process.php'})
  Example: $('a[href='http://msn.com']).colorbox({'href':'http://google.com', iframe:true});
  Minor Changes:
* Photos are now horizontally centered if they are smaller than the lightbox size.  Also vertically centered
  for browsers newer than IE7.
* Buttons in the examples are now included in the 'protected zone'.  The lightbox will never expand it's
  borders or buttons beyond an accessible area of the screen.
* Keypress events don't queue up by holding down the arrow keys.
* Added option to close ColorBox by clicking on the background overlay.
* Added 'none' transition setting.
* Changed 'contentIframe' and 'contentInline' to 'inline' and 'iframe'.  Removed 'contentAjax' because it
  is automatically assumed for non-image file types.
* Changed 'contentWidth' and 'contentHeight' to 'fixedWidth' and 'fixedHeight'.  These sizes now reflect
  the total size of the lightbox, not just the inner content.  This is so users can accurately anticipate
  % sizes without fear of creating scrollbars.
* Clicking on a photo will now switch to the next photo in a set.
* Loading.gif is more stable in it's position.
* Added a minified version.
* Code passes JSLint.

Version 1.0.5 - March 11 2009
* Redo: Fixed a bug where IE would cut off the bottom portion of a photo, if the photo was larger than
  the document dimensions.

Version 1.0.4 - March 10 2009
* Added an option to allow users to automatically open the lightbox. 
  Example usage: $(".colorbox").colorbox({open:true});
* Fixed a bug where IE would cut off the bottom portion of a photo,
  if the photo was larger than the document dimensions.

Version 1.0.3 - March 09 2009
* Fixed vertical centering for Safari 3.0.x.

Version 1.0.2 - March 06 2009
* Corrected a typo.
* Changed the content-type check so that it does not assume all links to photos should actually
  display photos.  This allows for Ajax/inline/and iframe calls on anchors linking to picture file types.

Version 1.0.1 - March 05 2009
* Fixed keydown events (esc, left arrow, right arrow) for Webkit browsers.

Version 1.0 - March 03 2009
* First release