About Colorbox:

A customizable lightbox plugin for jQuery. See the project page for documentation and a demonstration, and the FAQ for solutions and examples to common issues. Released under the MIT license.

Changelog:

##### Version 1.6.4 - 2016/05/10

* Fixed bug where using the inline property would duplicate target elements, if the selector matched multiple elements.

##### Version 1.6.3 - 2015/07/27

* Fixed regression that caused error in IE8 when the calculated initial size was negative. Fixes #741

##### Version 1.6.2 - 2015/07/13

* Fixed iframe attribute name (allowFullScreen to allowFullscreen). Fixes #737

##### Version 1.6.1 - 2015/05/14

* Replaced the inline onclick handler for cboxPhoto with a namespaced event for easier unbinding. Fixes #719.

##### Version 1.6.0 - 2015/03/03

* Added two new properties that expose how and </code> elements are created, to give users direct control over those elements. Fixes #700.##### Version 1.5.15 - 2015/02/25* Adding to NPM, merged white-space cleanup & new language file.##### Version 1.5.14 - 2014/9/9* When opening, append Colorbox to the DOM if it was detached for whatever reason. Fixes #645.##### Version 1.5.13 - 2014/8/4* Fixed regression introduced with v1.5.12 with legacy versions of jQuery (1.3x-1.6x). References #628.##### Version 1.5.12 - 2014/7/31* Allowed setting the overlay opacity via CSS, by setting Colorbox's opacity property to false. References #628.##### Version 1.5.11 - 2014/7/31* Fixed bug where setting opacity to 0 was ignored. Fixes #628.##### Version 1.5.10 - 2014/6/26* Minor misc. tweaks (merging pull requests #611, #612, #615, #619, #620).##### Version 1.5.9 - 2014/4/25* Fixed inline content bug when using child selectors. Fixes #599##### Version 1.5.8 - 2014/4/15* Fixed accidental leak of global variable. References #591 * Enabled strict mode. Fixes #597##### Version 1.5.7 - 2014/4/15* Fix potential error when calling Colorbox directly. References #591 * Potentially worked around browser limitation of reporting that an image height and width is 0 immediately after onload. Fixes #535##### Version 1.5.6 - 2014/4/4* Applied maxWidth and maxHeight to the initialWidth and initialHeight. Fixes #391##### Version 1.5.5 - 2014/3/13* Allow setting the overlay opacity through CSS, rather than having to use Colorbox's opacity property. Fixes #580##### Version 1.5.4 - 2014/3/7* Fixed potential issue where IE9+ wouldn't close the modal when clicking on the overlay. Fixes #576##### Version 1.5.3 - 2014/3/4* Added access to settings object in callbacks.##### Version 1.5.2 - 2014/2/28* Added svg to image types regex.##### Version 1.5.1 - 2014/2/27* Fixed regression that broke direct calls to Colorbox, ie. $.colorbox(…)##### Version 1.5.0 - 2014/2/27* Changed when the className is applied: immediately on open, but only updated immediately prior to transition. Fixes #565 * Fixed potential style flash if #cboxLoadedContent is given a background. Fixes #567 * Misc. code cleanup##### Version 1.4.37 - 2014/2/11* Fixed potential error when resizing. Fixes #254 * Added Microsoft's JPEG XR to photo detection regex.##### Version 1.4.33 - 2013/10/31* Fixed an issue where private events propagated to the document in versions of jQuery prior to 1.7. Fixes #525, Fixes #526##### Version 1.4.32 - 2013/10/16* Updated stylesheets to avoid issue with using <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">div {max-width:100%}</code> (Fixes #520)##### Version 1.4.31 - 2013/9/25* Used setAttribute to set londesc, so that the value is accessible via DOM Node longDesc property #508##### Version 1.4.30 - 2013/9/24* Added longdesc and aria-describedby attributes to photos. Fixes #508##### Version 1.4.29 - 2013/9/10* Fixed a slideshow regression from 1.4.27 * Fixed a potential issue with the starting size of #cboxLoadedContent##### Version 1.4.28 - 2013/9/4* Fixed a potential issue with using the open property with mixed slideshow and non-slideshow groups##### Version 1.4.27 - 2013/7/16* Fixed a width calculation issue relating to using margin:auto on #cboxLoadedContent.##### Version 1.4.26 - 2013/6/30* Fixed a regression in IE7 and IE8 that was causing an error.##### Version 1.4.25 - 2013/6/28* Use an animation speed of zero between same-sized content (fixed). * Removed temporary fix for jQuery UI 1.8##### Version 1.4.24 - 2013/6/24* Added closeButton option. Set to false to remove the close button.##### Version 1.4.23 - 2013/6/23* Bugfix loading overlay/graphic append order##### Version 1.4.22 - 2013/6/19* Updated manifest files for the jQuery plugin repository and Bower (no changes to plugin)##### Version 1.4.21 - 2013/6/6* Replaced new Image() with document.createElement('img') to avoid a potential bug in Chrome 27.##### Version 1.4.20 - 2013/6/5* Fixing bug/typo from last update.##### Version 1.4.19 - 2013/6/3* Fixed bug where Colorbox was capturing ctrl+click on assigned links on windows browsers with jQuery 1.7+, rather than ignoring.##### Version 1.4.18 - 2013/5/30* Fixed a scroll position issue when using $.colorbox.resize()##### Version 1.4.17 - 2013/5/23* Possible fix for a Chrome 27 issue (https://github.com/jackmoore/colorbox/pull/438#issuecomment-18334804)##### Version 1.4.16 - 2013/5/20* Added trapFocus setting to allow disabling of focus trapping##### Version 1.4.15 - 2013/4/22* Added .webp to list of recognized image extensions##### Version 1.4.14 - 2013/4/16* Added fadeOut property to control the closing fadeOut speed. * Removed longdesc attribute for now.##### Version 1.4.13 - 2013/4/11* Fixed an error involving IE7/IE8 and legacy versions of jQuery##### Version 1.4.12 - 2013/4/9* Fixed a potential conflict with Twitter Bootstrap default img styles.##### Version 1.4.11 - 2013/4/9* Added <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">type='button'</code> to buttons to prevent accidental form submission * Added alt and longdesc attributes to photo content if they are present on the calling element.##### Version 1.4.10 - 2013/4/2* Better 'old IE' feature detection that fixes an error with jQuery 2.0.0pre.##### Version 1.4.9 - 2013/4/2* Fixes bug introduced in previous version.##### Version 1.4.8 - 2013/4/2* Dropped IE6 support. * Fixed other issues with $.colorbox.remove.##### Version 1.4.7 - 2013/4/1* Prevented an error if $.colorbox.remove is called during the transition.##### Version 1.4.6 - 2013/3/19* Minor change to work around a jQuery 1.4.2 bug for legacy users.##### Version 1.4.5 - 2013/3/10* Minor change to apply the close and className properties sooner.##### Version 1.4.4 - 2013/3/10* Fixed an issue with percent-based heights in iOS * Fixed an issue with ajax requests being applied at the wrong time.##### Version 1.4.3 - 2013/2/18* Made image preloading aware of retina settings.##### Version 1.4.2 - 2013/2/18* Removed $.contains for compatibility with jQuery 1.3.x##### Version 1.4.1 - 2013/2/14* Ignored left and right arrow keypresses if combined with the alt key.##### Version 1.4.0 - 2013/2/12* Better accessibility: * Replaced div controls with buttons * Tabbed navigation confined to modal window * Added aria role##### Version 1.3.34 - 2013/2/4* Updated manifest for plugins.jquery.com##### Version 1.3.33 - 2013/2/4* Added retina display properties: retinaImage, retinaUrl, retinaSuffix * Fixed iframe scrolling on iOS devices.##### Version 1.3.32 - 2013/1/31* Improved internal event subscribing & fixed event bug introduced in v1.3.21##### Version 1.3.31 - 2013/1/28* Fixed a size-calculation bug introduced in the previous commit.##### Version 1.3.30 - 2013/1/25* Delayed border-width calculations until after opening, to avoid a bug in FF when using Colorbox in a hidden iframe.##### Version 1.3.29 - 2013/1/24* Fixes bug with bubbling delegated events, introduced in the previous commit.##### Version 1.3.28 - 2013/1/24* Fixed compatibility issue with old versions of jQuery (1.3.2-1.4.2)##### Version 1.3.27 - 2013/1/23* Added className property.##### Version 1.3.26 - 2013/1/23* Minor bugfix: clear the onload event handler after photo has loaded.##### Version 1.3.25 - 2013/1/23* Removed grunt file & added Bower component.json.##### Version 1.3.24 - 2013/1/22* Added generated files (jquery.colorbox.js / jquery.colorbox-min.js) back to the repository.##### Version 1.3.23 - 2013/1/18* Minor bugfix for calling Colorbox on empty jQuery collections without a selector.##### Version 1.3.22 - 2013/1/17* Recommit for plugins.jquery.com##### Version 1.3.21 - 2013/1/15 Files Changed: *.js* Fixed compatibility issues with jQuery 1.9##### Version 1.3.20 - August 15 2012 Files Changed:jquery.colorbox.js* Added temporary workaround for jQuery-UI 1.8 bug (http://bugs.jquery.com/ticket/12273) Added .jpe extension to the list of image types.##### Version 1.3.19 - December 08 2011 Files Changed:jquery.colorbox.js, colorbox.css (all)* Fixed bug related to using the 'fixed' property. * Optimized the setup procedure to be more efficient. * Removed $.colorbox.init() as it will no longer be needed (will self-init when called). * Removed use of $.browser.##### Version 1.3.18 - October 07 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 1's controls.png* Fixed a regression where Flash content displayed in Colorbox would be reloaded if the browser window was resized. * Added safety check to make sure that Colorbox's markup is only added to the DOM a single time, even if $.colorbox.init() is called multiple times. This will allow site owners to manually initialize Colorbox if they need it before the DOM has finished loading. * Updated the example index.html files to be HTML5 compliant. * Changed the slideshow behavior so that it immediately moves to the next slide when the slideshow is started. * Minor regex bugfix to allow automatic detection of image URLs that include fragments.##### Version 1.3.17 - May 11 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js* Added properties "top", "bottom", "left" and "right" to specify a position relative to the viewport, rather than using the default centering. * Added property "data" to specify GET or POST data when using Ajax. Colorbox's ajax functionality is handled by jQuery's .load() method, so the data property works the same way as it does with .load(). * Added property "fixed" which can provide fixed positioning for Colorbox, rather than absolute positioning. This will allow Colorbox to remain in a fixed position within the visitors viewport, despite scrolling. IE6 support for this was not added, it will continue to use the default absolute positioning. * Fixed ClearType problem with IE7. * Minor fixes.##### Version 1.3.16 - March 01 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 4 background png files* Better IE related transparency workarounds. IE7 and up now uses the same background image sprite as other browsers. * Added error handling for broken image links. A message will be displayed telling the user that the image could not be loaded. * Added new property: 'fastIframe' and set it to true by default. Setting to fastIframe:false will delay the loading graphic removal and onComplete event until iframe has completely loaded. * Ability to redefine $.colorbox.close (or prev, or next) at any time.##### Version 1.3.15 - October 27 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor fixes for specific cases.##### Version 1.3.14 - October 27 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* In IE6, closing an iframe when using HTTPS no longer generates a security warning.##### Version 1.3.13 - October 22 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Changed the index.html example files to use YouTube's new embedded link format. * By default, Colorbox returns focus to the element it was launched from once it closes. This can now be disabled by setting the 'returnFocus' property to false. Focus was causing problems for some users who had their anchor elements inside animated containers. * Minor bug fix involved in using a combination of slideshow and non-slideshow content.##### Version 1.3.12 - October 20 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor bug fix involved in preloading images when using a function as a value for the href property.##### Version 1.3.11 - October 19 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed the slideshow functionality that broke with 1.3.10 * The slideshow now respects the loop property.##### Version 1.3.10 - October 16 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed compatibility with jQuery 1.4.3 * The 'open' property now accepts a function as a value, like all of the other properties. * Preloading now loads the correct href for images when using a dynamic (function) value for the href property. * Fixed bug in Safari 3 for Win where Colorbox centered on the document, rather than the visitor's viewport. * May have fixed an issue in Opera 10.6+ where Colorbox would rarely/randomly freeze up while switching between photos in a group. * Some functionality better encapsulated & minor performance improvements.##### Version 1.3.9 - July 7 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/ all colorbox.css (the core styles)* Fixed a problem where iframed youtube videos would cause a security alert in IE. * More code is event driven now, making the source easier to grasp. * Removed some unnecessary style from the core CSS.##### Version 1.3.8 - June 21 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug in Chrome where it would sometimes render photos at 0 by 0 width and height (behavior introduced in recent update to Chrome). * Fixed a bug where the onClosed callback would fire twice (only affected 1.3.7). * Fixed a bug in IE7 that existed with some iframed websites that use JS to reposition the viewport caused Colorbox to move out of position. * Abstracted the identifiers (HTML ids & classes, and JS plugin name, method, and events) so that the plugin can be easily rebranded. * Small changes to improve either code readability or compression.##### Version 1.3.7 - June 13 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/index.html* $.colorbox can now be used for direct calls and accessing public methods. Example: $.colorbox.close(); * Resize now accepts 'width', 'innerWidth', 'height' and 'innerHeight'. Example: $.colorbox.resize({width:"100%"}) * Added option (loop:false) to disable looping in a group. * Added options (escKey:false, arrowKey:false) to disable esc-key and arrow-key bindings. * Added method for removing Colorbox from a document: $.colorbox.remove(); * Fixed a bug where iframed URLs would be truncated if they contained an unencoded apostrophe. * Now uses the exact href specified on an anchor, rather than the version returned by 'this.href'. This was causing "#example" to be normalized to "http://domain/#example" which interfered with how some users were setting up links to inline content. * Changed example documents over to HTML5.##### Version 1.3.6 - Jan 13 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Small change to make Colorbox compatible with jQuery 1.4##### Version 1.3.5 - December 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug introduced in 1.3.4 with IE7's display of example 2 and 3, and auto-width in Opera. * Fixed a bug introduced in 1.3.4 where colorbox could not be launched by triggering an element's click event through JavaScript. * Minor refinements.##### Version 1.3.4 - December 5 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Event delegation is now used for elements that Colorbox is assigned to, rather than individual click events. * Additional callbacks have been added to represent other stages of Colorbox's lifecycle. Available callbacks, in order of their execution: onOpen, onLoad, onComplete, onCleanup, onClosed These take place at the same time as the event hooks, but will be better suited than the hooks for targeting specific instances of Colorbox. * Ajax content is now immediately added to the DOM to be more compatible if that content contains script tags. * Focus is now returned to the calling element on closing. * Fixed a bug where maxHeight and maxWidth did not work for non-photo content. * Direct calls no longer need 'open:true', it is assumed. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({html:'Hi'});</code>##### Version 1.3.3 - November 7 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Changed $.colorbox.element() to return a jQuery object rather the DOM element. * jQuery.colorbox-min.js is compressed with Google's Closure Compiler rather than YUI Compressor.##### Version 1.3.2 - October 27 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Added 'innerWidth' and 'innerHeight' options to allow people to easily set the size dimensions for Colorbox, without having to anticipate the size of the borders and buttons. * Renamed 'scrollbars' option to 'scrolling' to be in keeping with the existing HTML attribute. The option now also applies to iframes. * Bug fix: In Safari, positioning occassionally incorrect when using '100%' dimensions. * Bug fix: In IE6, the background overlay is briefly not full size when first viewing. * Bug fix: In Firefox, opening Colorbox causes a split second shift with a small minority of webpage layouts. * Simplified code in a few areas.##### Version 1.3.1 - September 16 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css/colorbox-ie.css(removed)* Removed the IE-only stylesheets and conditional comments for example styles 1 & 4. All CSS is handled by a single CSS file for all examples. * Removed user-agent sniffing from the js and replaced it with feature detection. This will allow correct rendering for visitors masking their agent type.##### Version 1.3.0 - September 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css* Added $.colorbox.resize() method to allow Colorbox to resize it's height if it's contents change. * Added 'scrollbars' option to allow users to turn off scrollbars when using the resize() method. * Renamed the 'resize' option to be less ambiguous. It's now 'scalePhotos'. * Renamed the 'cbox_close' event to be less ambiguous. It's now 'cbox_cleanup'. It is the first thing to happen in the close method while the 'cbox_closed' event is the last to happen. * Fixed a bug with the slideshow mouseover graphics that appeared after Colorbox is opened a 2nd time. * Fixed a bug where ClearType may not work in IE6&7 if using the fade transition. * Minor code optimizations to increase compression.##### Version 1.2.9 - August 7 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor change to enable use with $.getScript(); * Minor change to the timing of the 'cbox_load' event so that it is more useful. * Added a direct link to a YouTube video to the examples.##### Version 1.2.8 - August 5 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug with the overlay in IE6 * Fixed a bug where left & right keypress events might be prematurely unbound.##### Version 1.2.7 - July 31 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js, example stylesheets and background images (core styles have not changed and the updates will not affect existing user themes / old example themes)* Code cleanup and reduction, better organization and documentation in the full source. * Added ability to use functions in place of static values for Colorbox's options (thanks Ken!). * Added an option for straight HTML. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({html:'Howdy', open:true})</code> * Added an event for the beginning of the closing process. This is in addition to the event that already existed for when Colorbox had completely closed. 'cbox_close' and 'cbox_closed' respectively. * Fixed a minor bug in IE6 that would cause a brief content shift in the parent document when opening Colorbox. * Fixed a minor bug in IE6 that would reveal select elements that had a hidden visibility after closing Colorbox. * The 'esc' key is unbound now when Colorbox is not open, to avoid any potential conflicts. * Used background sprites for examples 1 & 4. Put IE-only (non-sprite) background images in a separate folder. * Example themes 1, 3, & 4 received slight visual tweaks. * Optimized pngs for smaller file size. * Added slices, grid, and correct sizing to the Adobe Illustrator file, all theme files are now export ready!##### Version 1.2.6 - July 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug with fixed width/height images in Opera 9.64. * Fixed a bug with trying to set a value for rel during a direct call to Colorbox. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({rel:'foo', open:true});</code> * Changed how href/rel/title settings are determined to avoid users having to manually update Colorbox settings if they use JavaScript to update any of those attributes, after Colorbox has been defined. * Fixed a FF3 bug where the back button was disabled after closing an iframe.##### Version 1.2.5 - June 23 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* 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 Files Changed: jquery.colorbox.js, jquery.colorbox-min.js* 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 = $.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: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({open:true, href:'yourLink.xxx'});</code> * 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 * 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. * Fixed an IE transparency-stacking problem, where transparent PNGs would show through to the background overlay. * 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 JavaScript. * 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: $.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 * 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}); * 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 </div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-full max-w-xl"></div><div class="flex gap-2"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-16"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-20"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-6 w-14"></div></div></div><div class="w-full lg:w-80"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-32 w-full"></div></div></div><div class="space-y-4"><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-10 w-64"></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md h-64 w-full"></div></div></div></main></div><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/9b9784636e791b20.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\n4:I[49786,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Header\"]\n5:I[22016,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"\"]\nc:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"default\"]\nd:I[2355,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Analytics\"]\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"OutletBoundary\"]\n10:\"$Sreact.suspense\"\n12:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ViewportBoundary\"]\n14:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"MetadataBoundary\"]\n:HL[\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"style\"]\n:HL[\"/_next/static/media/68d403cf9f2c68c5-s.p.f9f15f61.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"x_DymHuNhDTJUp7Mmr_Ru\",\"c\":[\"\",\"package\",\"jquery-colorbox\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"package\",{\"children\":[[\"name\",\"jquery-colorbox\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/60ba853f5ed1b16b.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/9c76f6dd8b5c38e2.css?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto flex max-w-md flex-col items-center justify-center px-4 py-24 text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package mb-6 h-16 w-16 text-muted-foreground\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],[\"$\",\"h1\",null,{\"className\":\"mb-2 text-3xl font-bold\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mb-4 text-xl text-muted-foreground\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"mb-8 text-muted-foreground\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Go home\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}],[\"$\",\"$L5\",null,{\"href\":\"/search\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-search mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"circle\",\"4ej97u\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}],[\"$\",\"path\",\"1qie3q\",{\"d\":\"m21 21-4.3-4.3\"}],\"$undefined\"]}],\"Search packages\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"ref\":null}]]}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$L6\"]}]}]]}],{\"children\":[\"$L7\",{\"children\":[\"$L8\",{\"children\":[\"$L9\",{},null,false,false]},[\"$La\",[],[]],false,false]},null,false,false]},null,false,false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$Ld\",null,{}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[\"$Le\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@11\"}]}]]}]\na:null\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L15\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"e:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-background\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto max-w-6xl px-4 py-8\",\"children\":[\"$\",\"$10\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-full max-w-xl\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-16\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-20\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-6 w-14\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full lg:w-80\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-32 w-full\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-10 w-64\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-64 w-full\"}]]}]]}],\"children\":\"$L16\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"17:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"IconMark\"]\n11:null\n15:[[\"$\",\"title\",\"0\",{\"children\":\"jquery-colorbox - npm explorer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"jQuery lightbox and modal window plugin.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon-light-32x32.png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/icon-dark-32x32.png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L17\",\"6\",{}]]\n"])</script><title>jquery-colorbox - npm explorer</title><meta name="description" content="jQuery lightbox and modal window plugin."/><link rel="icon" href="/icon-light-32x32.png" media="(prefers-color-scheme: light)"/><link rel="icon" href="/icon-dark-32x32.png" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png"/><script >document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><div style="display:none" id="S:2"></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:2","S:2")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6 lg:flex-row lg:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start gap-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-mono text-2xl font-bold sm:text-3xl\",\"children\":\"jquery-colorbox\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 font-mono\",\"children\":[\"v\",\"1.6.4\"]}],\"$undefined\",\"$undefined\"]}]]}],\"$undefined\",[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground\",\"children\":\"jQuery lightbox and modal window plugin.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[\"$\",\"$L5\",\"modal\",{\"href\":\"/search?q=modal\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"modal\"}]}],[\"$\",\"$L5\",\"lightbox\",{\"href\":\"/search?q=lightbox\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"lightbox\"}]}],[\"$\",\"$L5\",\"gallery\",{\"href\":\"/search?q=gallery\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"gallery\"}]}],[\"$\",\"$L5\",\"popup\",{\"href\":\"/search?q=popup\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"popup\"}]}],\"$L18\",\"$L19\"]}],\"$L1a\",\"$L1b\"]}],\"$L1c\"]}],\"$L1d\"]}]\n"])</script><script>self.__next_f.push([1,"1e:I[33485,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"InstallCommands\"]\n1f:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"Tabs\"]\n20:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsList\"]\n21:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsTrigger\"]\n22:I[27341,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"TabsContent\"]\n23:I[77801,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"ReadmeViewer\"]\n18:[\"$\",\"$L5\",\"ui\",{\"href\":\"/search?q=ui\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"ui\"}]}]\n19:[\"$\",\"$L5\",\"jquery-plugin\",{\"href\":\"/search?q=jquery-plugin\",\"children\":[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-normal hover:bg-accent\",\"children\":\"jquery-plugin\"}]}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-download h-4 w-4\",\"children\":[[\"$\",\"path\",\"ih7n3h\",{\"d\":\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"$\",\"polyline\",\"2ggqvy\",{\"points\":\"7 10 12 15 17 10\"}],[\"$\",\"line\",\"1vk2je\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"15\",\"y2\":\"3\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground\",\"children\":\"23.0K\"}],\"/week\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar h-4 w-4\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],\"Updated \",\"3 years ago\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scale h-4 w-4\",\"children\":[[\"$\",\"path\",\"7g6ntu\",{\"d\":\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"ijws7r\",{\"d\":\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\"}],[\"$\",\"path\",\"1b0cd5\",{\"d\":\"M7 21h10\"}],[\"$\",\"path\",\"108xh3\",{\"d\":\"M12 3v18\"}],[\"$\",\"path\",\"3gwbw2\",{\"d\":\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\"}],\"$undefined\"]}],\"MIT\"]}],\"$undefined\"]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Published by \"}],[\"$\",\"$L5\",null,{\"href\":\"/~Jack%20Moore\",\"className\":\"font-medium hover:underline\",\"children\":\"Jack Moore\"}]]}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"div\",null,{\"className\":\"w-full space-y-4 lg:w-80\",\"children\":[[\"$\",\"$L1e\",null,{\"packageName\":\"jquery-colorbox\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/jackmoore/colorbox\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}],\"Repository\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],[\"$\",\"a\",null,{\"href\":\"http://www.jacklmoore.com/colorbox\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Homepage\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}],\"$undefined\",[\"$\",\"a\",null,{\"href\":\"https://npmjs.com/package/jquery-colorbox\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-external-link mr-1.5 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1q9fwt\",{\"d\":\"M15 3h6v6\"}],[\"$\",\"path\",\"gplh6r\",{\"d\":\"M10 14 21 3\"}],[\"$\",\"path\",\"a6xqqp\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}],\"$undefined\"]}],\"npm\"],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5\",\"ref\":null}]]}],false]}]\n"])</script><script>self.__next_f.push([1,"24:T7937,"])</script><script>self.__next_f.push([1,"## About Colorbox:\nA customizable lightbox plugin for jQuery. See the [project page](http://jacklmoore.com/colorbox/) for documentation and a demonstration, and the [FAQ](http://jacklmoore.com/colorbox/faq/) for solutions and examples to common issues. Released under the [MIT license](http://www.opensource.org/licenses/mit-license.php).\n\n## Changelog:\n\n##### Version 1.6.4 - 2016/05/10\n\n* Fixed bug where using the inline property would duplicate target elements, if the selector matched multiple elements.\n\n##### Version 1.6.3 - 2015/07/27\n\n* Fixed regression that caused error in IE8 when the calculated initial size was negative. Fixes #741\n\n##### Version 1.6.2 - 2015/07/13\n\n* Fixed iframe attribute name (allowFullScreen to allowFullscreen). Fixes #737\n\n##### Version 1.6.1 - 2015/05/14\n\n* Replaced the inline onclick handler for cboxPhoto with a namespaced event for easier unbinding. Fixes #719.\n\n##### Version 1.6.0 - 2015/03/03\n\n* Added two new properties that expose how `\u003cimg\u003e` and `\u003ciframe\u003e` elements are created, to give users direct control over those elements. Fixes #700.\n\n##### Version 1.5.15 - 2015/02/25\n\n* Adding to NPM, merged white-space cleanup \u0026 new language file.\n\n##### Version 1.5.14 - 2014/9/9\n\n* When opening, append Colorbox to the DOM if it was detached for whatever reason. Fixes #645.\n\n##### Version 1.5.13 - 2014/8/4\n\n* Fixed regression introduced with v1.5.12 with legacy versions of jQuery (1.3x-1.6x). References #628.\n\n##### Version 1.5.12 - 2014/7/31\n\n* Allowed setting the overlay opacity via CSS, by setting Colorbox's opacity property to false. References #628.\n\n##### Version 1.5.11 - 2014/7/31\n\n* Fixed bug where setting opacity to 0 was ignored. Fixes #628.\n\n##### Version 1.5.10 - 2014/6/26\n\n* Minor misc. tweaks (merging pull requests #611, #612, #615, #619, #620).\n\n##### Version 1.5.9 - 2014/4/25\n\n* Fixed inline content bug when using child selectors. Fixes #599\n\n##### Version 1.5.8 - 2014/4/15\n\n* Fixed accidental leak of global variable. References #591\n* Enabled strict mode. Fixes #597\n\n##### Version 1.5.7 - 2014/4/15\n\n* Fix potential error when calling Colorbox directly. References #591\n* Potentially worked around browser limitation of reporting that an image height and width is 0 immediately after onload. Fixes #535\n\n##### Version 1.5.6 - 2014/4/4\n\n* Applied maxWidth and maxHeight to the initialWidth and initialHeight. Fixes #391\n\n##### Version 1.5.5 - 2014/3/13\n\n* Allow setting the overlay opacity through CSS, rather than having to use Colorbox's opacity property. Fixes #580\n\n##### Version 1.5.4 - 2014/3/7\n\n* Fixed potential issue where IE9+ wouldn't close the modal when clicking on the overlay. Fixes #576\n\n##### Version 1.5.3 - 2014/3/4\n\n* Added access to settings object in callbacks.\n\n##### Version 1.5.2 - 2014/2/28\n\n* Added svg to image types regex.\n\n##### Version 1.5.1 - 2014/2/27\n\n* Fixed regression that broke direct calls to Colorbox, ie. $.colorbox(…)\n\n##### Version 1.5.0 - 2014/2/27\n\n* Changed when the className is applied: immediately on open, but only updated immediately prior to transition. Fixes #565\n* Fixed potential style flash if #cboxLoadedContent is given a background. Fixes #567\n* Misc. code cleanup\n\n##### Version 1.4.37 - 2014/2/11\n\n* Fixed potential error when resizing. Fixes #254\n* Added Microsoft's JPEG XR to photo detection regex.\n\n##### Version 1.4.33 - 2013/10/31\n\n* Fixed an issue where private events propagated to the document in versions of jQuery prior to 1.7. Fixes #525, Fixes #526\n\n##### Version 1.4.32 - 2013/10/16\n\n* Updated stylesheets to avoid issue with using `div {max-width:100%}` (Fixes #520)\n\n##### Version 1.4.31 - 2013/9/25\n\n* Used setAttribute to set londesc, so that the value is accessible via DOM Node longDesc property #508\n\n##### Version 1.4.30 - 2013/9/24\n\n* Added longdesc and aria-describedby attributes to photos. Fixes #508\n\n##### Version 1.4.29 - 2013/9/10\n\n* Fixed a slideshow regression from 1.4.27\n* Fixed a potential issue with the starting size of #cboxLoadedContent\n\n##### Version 1.4.28 - 2013/9/4\n\n* Fixed a potential issue with using the open property with mixed slideshow and non-slideshow groups\n\n##### Version 1.4.27 - 2013/7/16\n\n* Fixed a width calculation issue relating to using margin:auto on #cboxLoadedContent.\n\n##### Version 1.4.26 - 2013/6/30\n\n* Fixed a regression in IE7 and IE8 that was causing an error.\n\n##### Version 1.4.25 - 2013/6/28\n\n* Use an animation speed of zero between same-sized content (fixed).\n* Removed temporary fix for jQuery UI 1.8\n\n##### Version 1.4.24 - 2013/6/24\n\n* Added closeButton option. Set to false to remove the close button.\n\n##### Version 1.4.23 - 2013/6/23\n\n* Bugfix loading overlay/graphic append order\n\n##### Version 1.4.22 - 2013/6/19\n\n* Updated manifest files for the jQuery plugin repository and Bower (no changes to plugin)\n\n##### Version 1.4.21 - 2013/6/6\n\n* Replaced new Image() with document.createElement('img') to avoid a potential bug in Chrome 27.\n\n##### Version 1.4.20 - 2013/6/5\n\n* Fixing bug/typo from last update.\n\n##### Version 1.4.19 - 2013/6/3\n\n* Fixed bug where Colorbox was capturing ctrl+click on assigned links on windows browsers with jQuery 1.7+, rather than ignoring.\n\n##### Version 1.4.18 - 2013/5/30\n\n* Fixed a scroll position issue when using $.colorbox.resize()\n\n##### Version 1.4.17 - 2013/5/23\n\n* Possible fix for a Chrome 27 issue (https://github.com/jackmoore/colorbox/pull/438#issuecomment-18334804)\n\n##### Version 1.4.16 - 2013/5/20\n\n* Added trapFocus setting to allow disabling of focus trapping\n\n##### Version 1.4.15 - 2013/4/22\n\n* Added .webp to list of recognized image extensions\n\n##### Version 1.4.14 - 2013/4/16\n\n* Added fadeOut property to control the closing fadeOut speed.\n* Removed longdesc attribute for now.\n\n##### Version 1.4.13 - 2013/4/11\n\n* Fixed an error involving IE7/IE8 and legacy versions of jQuery\n\n##### Version 1.4.12 - 2013/4/9\n\n* Fixed a potential conflict with Twitter Bootstrap default img styles.\n\n##### Version 1.4.11 - 2013/4/9\n\n* Added `type='button'` to buttons to prevent accidental form submission\n* Added alt and longdesc attributes to photo content if they are present on the calling element.\n\n##### Version 1.4.10 - 2013/4/2\n\n* Better 'old IE' feature detection that fixes an error with jQuery 2.0.0pre.\n\n##### Version 1.4.9 - 2013/4/2\n\n* Fixes bug introduced in previous version.\n\n##### Version 1.4.8 - 2013/4/2\n\n* Dropped IE6 support.\n* Fixed other issues with $.colorbox.remove.\n\n##### Version 1.4.7 - 2013/4/1\n\n* Prevented an error if $.colorbox.remove is called during the transition.\n\n##### Version 1.4.6 - 2013/3/19\n\n* Minor change to work around a jQuery 1.4.2 bug for legacy users.\n\n##### Version 1.4.5 - 2013/3/10\n\n* Minor change to apply the close and className properties sooner.\n\n##### Version 1.4.4 - 2013/3/10\n\n* Fixed an issue with percent-based heights in iOS\n* Fixed an issue with ajax requests being applied at the wrong time.\n\n##### Version 1.4.3 - 2013/2/18\n\n* Made image preloading aware of retina settings.\n\n##### Version 1.4.2 - 2013/2/18\n\n* Removed $.contains for compatibility with jQuery 1.3.x\n\n##### Version 1.4.1 - 2013/2/14\n\n* Ignored left and right arrow keypresses if combined with the alt key.\n\n##### Version 1.4.0 - 2013/2/12\n\n* Better accessibility:\n\t* Replaced div controls with buttons\n\t* Tabbed navigation confined to modal window\n\t* Added aria role\n\n##### Version 1.3.34 - 2013/2/4\n\n* Updated manifest for plugins.jquery.com\n\n##### Version 1.3.33 - 2013/2/4\n\n* Added retina display properties: retinaImage, retinaUrl, retinaSuffix\n* Fixed iframe scrolling on iOS devices.\n\n##### Version 1.3.32 - 2013/1/31\n\n* Improved internal event subscribing \u0026 fixed event bug introduced in v1.3.21\n\n##### Version 1.3.31 - 2013/1/28\n\n* Fixed a size-calculation bug introduced in the previous commit.\n\n##### Version 1.3.30 - 2013/1/25\n\n* Delayed border-width calculations until after opening, to avoid a bug in FF when using Colorbox in a hidden iframe.\n\n##### Version 1.3.29 - 2013/1/24\n\n* Fixes bug with bubbling delegated events, introduced in the previous commit.\n\n##### Version 1.3.28 - 2013/1/24\n\n* Fixed compatibility issue with old versions of jQuery (1.3.2-1.4.2)\n\n##### Version 1.3.27 - 2013/1/23\n\n* Added className property.\n\n##### Version 1.3.26 - 2013/1/23\n\n* Minor bugfix: clear the onload event handler after photo has loaded.\n\n##### Version 1.3.25 - 2013/1/23\n\n* Removed grunt file \u0026 added Bower component.json.\n\n##### Version 1.3.24 - 2013/1/22\n\n* Added generated files (jquery.colorbox.js / jquery.colorbox-min.js) back to the repository.\n\n##### Version 1.3.23 - 2013/1/18\n\n* Minor bugfix for calling Colorbox on empty jQuery collections without a selector.\n\n##### Version 1.3.22 - 2013/1/17\n\n* Recommit for plugins.jquery.com\n\n##### Version 1.3.21 - 2013/1/15\nFiles Changed: *.js\n\n* Fixed compatibility issues with jQuery 1.9\n\n##### Version 1.3.20 - August 15 2012\nFiles Changed:jquery.colorbox.js\n\n* Added temporary workaround for jQuery-UI 1.8 bug (http://bugs.jquery.com/ticket/12273)\n* Added *.jpe extension to the list of image types.\n\n##### Version 1.3.19 - December 08 2011\nFiles Changed:jquery.colorbox.js, colorbox.css (all)\n\n* Fixed bug related to using the 'fixed' property.\n* Optimized the setup procedure to be more efficient.\n* Removed $.colorbox.init() as it will no longer be needed (will self-init when called).\n* Removed use of $.browser.\n\n##### Version 1.3.18 - October 07 2011\nFiles Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 1's controls.png\n\n* Fixed a regression where Flash content displayed in Colorbox would be reloaded if the browser window was resized.\n* Added safety check to make sure that Colorbox's markup is only added to the DOM a single time, even if $.colorbox.init() is called multiple times. This will allow site owners to manually initialize Colorbox if they need it before the DOM has finished loading.\n* Updated the example index.html files to be HTML5 compliant.\n* Changed the slideshow behavior so that it immediately moves to the next slide when the slideshow is started.\n* Minor regex bugfix to allow automatic detection of image URLs that include fragments.\n\n##### Version 1.3.17 - May 11 2011\nFiles Changed:jquery.colorbox.js/jquery.colorbox-min.js\n\n* Added properties \"top\", \"bottom\", \"left\" and \"right\" to specify a position relative to the viewport, rather than using the default centering.\n* Added property \"data\" to specify GET or POST data when using Ajax. Colorbox's ajax functionality is handled by jQuery's .load() method, so the data property works the same way as it does with .load().\n* Added property \"fixed\" which can provide fixed positioning for Colorbox, rather than absolute positioning. This will allow Colorbox to remain in a fixed position within the visitors viewport, despite scrolling. IE6 support for this was not added, it will continue to use the default absolute positioning.\n* Fixed ClearType problem with IE7.\n* Minor fixes.\n\n##### Version 1.3.16 - March 01 2011\nFiles Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 4 background png files\n\n* Better IE related transparency workarounds. IE7 and up now uses the same background image sprite as other browsers.\n* Added error handling for broken image links. A message will be displayed telling the user that the image could not be loaded.\n* Added new property: 'fastIframe' and set it to true by default. Setting to fastIframe:false will delay the loading graphic removal and onComplete event until iframe has completely loaded.\n* Ability to redefine $.colorbox.close (or prev, or next) at any time.\n\n##### Version 1.3.15 - October 27 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Minor fixes for specific cases.\n\n##### Version 1.3.14 - October 27 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* In IE6, closing an iframe when using HTTPS no longer generates a security warning.\n\n##### Version 1.3.13 - October 22 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Changed the index.html example files to use YouTube's new embedded link format.\n* By default, Colorbox returns focus to the element it was launched from once it closes. This can now be disabled by setting the 'returnFocus' property to false. Focus was causing problems for some users who had their anchor elements inside animated containers.\n* Minor bug fix involved in using a combination of slideshow and non-slideshow content.\n\n##### Version 1.3.12 - October 20 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Minor bug fix involved in preloading images when using a function as a value for the href property.\n\n##### Version 1.3.11 - October 19 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed the slideshow functionality that broke with 1.3.10\n* The slideshow now respects the loop property.\n\n##### Version 1.3.10 - October 16 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed compatibility with jQuery 1.4.3\n* The 'open' property now accepts a function as a value, like all of the other properties.\n* Preloading now loads the correct href for images when using a dynamic (function) value for the href property.\n* Fixed bug in Safari 3 for Win where Colorbox centered on the document, rather than the visitor's viewport.\n* May have fixed an issue in Opera 10.6+ where Colorbox would rarely/randomly freeze up while switching between photos in a group.\n* Some functionality better encapsulated \u0026 minor performance improvements.\n\n##### Version 1.3.9 - July 7 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js/ all colorbox.css (the core styles)\n\n* Fixed a problem where iframed youtube videos would cause a security alert in IE.\n* More code is event driven now, making the source easier to grasp.\n* Removed some unnecessary style from the core CSS.\n\n##### Version 1.3.8 - June 21 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed a bug in Chrome where it would sometimes render photos at 0 by 0 width and height (behavior introduced in recent update to Chrome).\n* Fixed a bug where the onClosed callback would fire twice (only affected 1.3.7).\n* Fixed a bug in IE7 that existed with some iframed websites that use JS to reposition the viewport caused Colorbox to move out of position.\n* Abstracted the identifiers (HTML ids \u0026 classes, and JS plugin name, method, and events) so that the plugin can be easily rebranded.\n* Small changes to improve either code readability or compression.\n\n##### Version 1.3.7 - June 13 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js/index.html\n\n* $.colorbox can now be used for direct calls and accessing public methods. Example: $.colorbox.close();\n* Resize now accepts 'width', 'innerWidth', 'height' and 'innerHeight'. Example: $.colorbox.resize({width:\"100%\"})\n* Added option (loop:false) to disable looping in a group.\n* Added options (escKey:false, arrowKey:false) to disable esc-key and arrow-key bindings.\n* Added method for removing Colorbox from a document: $.colorbox.remove();\n* Fixed a bug where iframed URLs would be truncated if they contained an unencoded apostrophe.\n* Now uses the exact href specified on an anchor, rather than the version returned by 'this.href'. This was causing \"#example\" to be normalized to \"http://domain/#example\" which interfered with how some users were setting up links to inline content.\n* Changed example documents over to HTML5.\n\n##### Version 1.3.6 - Jan 13 2010\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Small change to make Colorbox compatible with jQuery 1.4\n\n##### Version 1.3.5 - December 15 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed a bug introduced in 1.3.4 with IE7's display of example 2 and 3, and auto-width in Opera.\n* Fixed a bug introduced in 1.3.4 where colorbox could not be launched by triggering an element's click event through JavaScript.\n* Minor refinements.\n\n##### Version 1.3.4 - December 5 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Event delegation is now used for elements that Colorbox is assigned to, rather than individual click events.\n* Additional callbacks have been added to represent other stages of Colorbox's lifecycle. Available callbacks, in order of their execution: onOpen, onLoad, onComplete, onCleanup, onClosed These take place at the same time as the event hooks, but will be better suited than the hooks for targeting specific instances of Colorbox.\n* Ajax content is now immediately added to the DOM to be more compatible if that content contains script tags.\n* Focus is now returned to the calling element on closing.\n* Fixed a bug where maxHeight and maxWidth did not work for non-photo content.\n* Direct calls no longer need 'open:true', it is assumed. Example: `$.colorbox({html:'\u003cp\u003eHi\u003c/p\u003e'});`\n\n##### Version 1.3.3 - November 7 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Changed $.colorbox.element() to return a jQuery object rather the DOM element.\n* jQuery.colorbox-min.js is compressed with Google's Closure Compiler rather than YUI Compressor.\n\n##### Version 1.3.2 - October 27 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Added 'innerWidth' and 'innerHeight' options to allow people to easily set the size dimensions for Colorbox, without having to anticipate the size of the borders and buttons.\n* Renamed 'scrollbars' option to 'scrolling' to be in keeping with the existing HTML attribute. The option now also applies to iframes.\n* Bug fix: In Safari, positioning occassionally incorrect when using '100%' dimensions.\n* Bug fix: In IE6, the background overlay is briefly not full size when first viewing.\n* Bug fix: In Firefox, opening Colorbox causes a split second shift with a small minority of webpage layouts.\n* Simplified code in a few areas.\n\n##### Version 1.3.1 - September 16 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css/colorbox-ie.css(removed)\n\n* Removed the IE-only stylesheets and conditional comments for example styles 1 \u0026 4. All CSS is handled by a single CSS file for all examples.\n* Removed user-agent sniffing from the js and replaced it with feature detection. This will allow correct rendering for visitors masking their agent type.\n\n##### Version 1.3.0 - September 15 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css\n\n* Added $.colorbox.resize() method to allow Colorbox to resize it's height if it's contents change.\n* Added 'scrollbars' option to allow users to turn off scrollbars when using the resize() method.\n* Renamed the 'resize' option to be less ambiguous. It's now 'scalePhotos'.\n* Renamed the 'cbox_close' event to be less ambiguous. It's now 'cbox_cleanup'. It is the first thing to happen in the close method while the 'cbox_closed' event is the last to happen.\n* Fixed a bug with the slideshow mouseover graphics that appeared after Colorbox is opened a 2nd time.\n* Fixed a bug where ClearType may not work in IE6\u00267 if using the fade transition.\n* Minor code optimizations to increase compression.\n\n##### Version 1.2.9 - August 7 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Minor change to enable use with $.getScript();\n* Minor change to the timing of the 'cbox_load' event so that it is more useful.\n* Added a direct link to a YouTube video to the examples.\n\n##### Version 1.2.8 - August 5 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed a bug with the overlay in IE6\n* Fixed a bug where left \u0026 right keypress events might be prematurely unbound.\n\n##### Version 1.2.7 - July 31 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js, example stylesheets and background images (core styles have not changed and the updates will not affect existing user themes / old example themes)\n\n* Code cleanup and reduction, better organization and documentation in the full source.\n* Added ability to use functions in place of static values for Colorbox's options (thanks Ken!).\n* Added an option for straight HTML. Example: `$.colorbox({html:'\u003cp\u003eHowdy\u003c/p\u003e', open:true})`\n* Added an event for the beginning of the closing process. This is in addition to the event that already existed for when Colorbox had completely closed. 'cbox_close' and 'cbox_closed' respectively.\n* Fixed a minor bug in IE6 that would cause a brief content shift in the parent document when opening Colorbox.\n* Fixed a minor bug in IE6 that would reveal select elements that had a hidden visibility after closing Colorbox.\n* The 'esc' key is unbound now when Colorbox is not open, to avoid any potential conflicts.\n* Used background sprites for examples 1 \u0026 4. Put IE-only (non-sprite) background images in a separate folder.\n* Example themes 1, 3, \u0026 4 received slight visual tweaks.\n* Optimized pngs for smaller file size.\n* Added slices, grid, and correct sizing to the Adobe Illustrator file, all theme files are now export ready!\n\n##### Version 1.2.6 - July 15 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* Fixed a bug with fixed width/height images in Opera 9.64.\n* Fixed a bug with trying to set a value for rel during a direct call to Colorbox. Example: `$.colorbox({rel:'foo', open:true});`\n* Changed how href/rel/title settings are determined to avoid users having to manually update Colorbox settings if they use JavaScript to update any of those attributes, after Colorbox has been defined.\n* Fixed a FF3 bug where the back button was disabled after closing an iframe.\n\n##### Version 1.2.5 - June 23 2009\nFiles Changed: jquery.colorbox.js/jquery.colorbox-min.js\n\n* 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).\n* Removed unnecessary return values for a very slight code reduction.\n\n##### Version 1.2.4 - June 9 2009\nFiles Changed: jquery.colorbox.js, jquery.colorbox-min.js\n\n* Fixed an issue where Colorbox may not close completely if it is closed during a transition animation.\n* Minor code reduction.\n\n##### Version 1.2.3 - June 4 2009\n* Fixed a png transparency stacking issue in IE.\n* More accurate Ajax auto-sizing if the user was depending on the #cboxLoadedContent ID for CSS styling.\n* Added a public function for returning the current html element that Colorbox is associated with. Example use: var that = $.colorbox.element();\n* Added bicubic scaling for resized images in the original IE7.\n* 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.\n\n##### Version 1.2.2 - May 28 2009\n* Fixed an issue with the 'resize' option.\n\n##### Version 1.2.1 - May 28 2009\n* Note: If you are upgrading, update your jquery.colorbox.js and colorbox.css files.\n* Added photo resizing.\n* 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.\n* 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.\n* 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')\n* 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:\n `$.colorbox({open:true, href:'yourLink.xxx'});`\n* 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.\n* For user callbacks, 'this' now refers to the element colorbox was opened from.\n* Fixed a minor grouping issue with IE6, when transition type is set to 'none'.\n* Added an Adobe Illustrator file that contains the borders and buttons used in the various examples.\n\n##### Version 1.2 - May 13 2009\n* Added a slideshow feature.\n* Added re-positioning on browser resize. If the browser is resized, Colorbox will recenter itself onscreen.\n* Added hooks for key events: cbox_open, cbox_load, cbox_complete, cbox_closed.\n* Fixed an IE transparency-stacking problem, where transparent PNGs would show through to the background overlay.\n* Fixed an IE iframe issue where the ifame might shift up and to the left under certain circumstances.\n* Fixed an IE6 bug where the loading overlay was not at full height.\n* Removed the delay in switching between same-sized gallery content when using transitions.\n* Changed how iframes are loaded to make it more compatible with iframed pages that use DOM dependent JavaScript.\n* Changed how the JS is structured to be better organized and increase compression. Increased documentation.\n* 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.\n* 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.\n* 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.\n* Changed the naming of variables in the parameter map to be more concise and intuitive.\n* 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.\n\n##### Version 1.1.6 - April 28 2009\n* Prevented the default action of the next \u0026 previous anchors and the left and right keys for gallery mode.\n* Fixed a bug where the title element was being added back to the DOM when closing Colorbox while using inline content.\n* Fixed a bug where IE7 would crash for example 2.\n* Smaller filesize: removed a small amount of unused code and rewrote the HTML injection with less syntax.\n* Added a public method for closing Colorbox: $.colorbox.close(). This will allow iframe users to add an event to close Colorbox without having to create an additional function.\n\n##### Version 1.1.5 - April 11 2009\n* Fixed minor issues with exiting Colorbox.\n \n##### Version 1.1.4 - April 08 2009\n* Fixed a bug in the fade transition where Colorbox not close completely if instructed to close during the fade-in portion of the transition.\n\n##### Version 1.1.3 - April 06 2009\n* Fixed an IE6\u00267 issue with using Colorbox to display animated GIFs.\n\n##### Version 1.1.2 - April 05 2009\n* Added ability to change content when Colorbox is already open.\n* Added vertical photo centering now works for all browsers (this feature previously excluded IE6\u00267).\n* Added namespacing to the esc-key keydown event for people who want to disable it: \"keydown.colorClose\"\n* Added 'title' setting to add the ability to set an alternative title for any Colorbox call.\n* Fixed rollover navigation issue with IE8. (Added JS-based rollover state due to a browser-bug.)\n* Fixed an overflow issue for when the fixed width/height is smaller than the size of a photo.\n* Fixed a bug in the fade transition where the border would still come up if Colorbox was closed mid-transition.\n* Switch from JSMin to Yui Compressor for minification. Minified code now under 7KB.\n\n##### Version 1.1.1 - March 31 2009\n* More robust image detection regex. Now detects image file types with url fragments and/or query strings.\n* Added 'nofollow' exception to rel grouping.\n* Changed how images are loaded into the DOM to prevent premature size calculation by Colorbox.\n* 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.\n\n##### Version 1.1.0 - March 21 2009\n* Animation is now much smoother and less resource intensive.\n* Added support for % sizing.\n* Callback option added.\n* Inline content now preserves JavaScript events, and changes made while Colorbox is open are also preserved.\n* Added 'href' setting to add the ability to set an alternative href for any anchor, or to assign the Colorbox event to non-anchors. \n Example: $('button').colorbox({'href':'process.php'})\n Example: $('a[href='http://msn.com']).colorbox({'href':'http://google.com', iframe:true});\n* Photos are now horizontally centered if they are smaller than the lightbox size. Also vertically centered for browsers newer than IE7.\n* 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.\n* Keypress events don't queue up by holding down the arrow keys.\n* Added option to close Colorbox by clicking on the background overlay.\n* Added 'none' transition setting.\n* Changed 'contentIframe' and 'contentInline' to 'inline' and 'iframe'. Removed 'contentAjax' because it is automatically assumed for non-image file types.\n* 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.\n* Clicking on a photo will now switch to the next photo in a set.\n* Loading.gif is more stable in it's position.\n* Added a minified version.\n* Code passes JSLint.\n\n##### Version 1.0.5 - March 11 2009\n* Redo: Fixed a bug where IE would cut off the bottom portion of a photo, if the photo was larger than the document dimensions.\n\n##### Version 1.0.4 - March 10 2009\n* Added an option to allow users to automatically open the lightbox. Example usage: $(\".colorbox\").colorbox({open:true});\n* Fixed a bug where IE would cut off the bottom portion of a photo, if the photo was larger than the document dimensions.\n\n##### Version 1.0.3 - March 09 2009\n* Fixed vertical centering for Safari 3.0.x.\n\n##### Version 1.0.2 - March 06 2009\n* Corrected a typo.\n* 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.\n\n##### Version 1.0.1 - March 05 2009\n* Fixed keydown events (esc, left arrow, right arrow) for Webkit browsers.\n\n##### Version 1.0 - March 03 2009\n* First release\n"])</script><script>self.__next_f.push([1,"1d:[\"$\",\"$L1f\",null,{\"defaultValue\":\"readme\",\"className\":\"w-full\",\"children\":[[\"$\",\"$L20\",null,{\"children\":[[\"$\",\"$L21\",null,{\"value\":\"readme\",\"children\":\"Readme\"}],[\"$\",\"$L21\",null,{\"value\":\"dependencies\",\"children\":[\"Dependencies\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",1,\")\"]}]]}],[\"$\",\"$L21\",null,{\"value\":\"versions\",\"children\":[\"Versions\",[\"$\",\"span\",null,{\"className\":\"ml-1.5 text-xs text-muted-foreground\",\"children\":[\"(\",7,\")\"]}]]}]]}],[\"$\",\"$L22\",null,{\"value\":\"readme\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L23\",null,{\"readme\":\"$24\"}]}],\"$L25\",\"$L26\"]}]\n"])</script><script>self.__next_f.push([1,"27:I[7860,[\"/_next/static/chunks/d25c1c87321c1e5e.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/d23d08e0b5d1d215.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\",\"/_next/static/chunks/ae55acb14c32e044.js?dpl=dpl_5VNVLvSu6UbYcDkvZSHQ251MMiDd\"],\"VersionList\"]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"$L22\",null,{\"value\":\"dependencies\",\"className\":\"mt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-6 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package h-4 w-4\",\"children\":[[\"$\",\"path\",\"1a0edw\",{\"d\":\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],[\"$\",\"path\",\"yx3hmr\",{\"d\":\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\"}],[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],\"$undefined\"]}],\"Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":1}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1\",\"children\":[[\"$\",\"$L5\",\"jquery\",{\"href\":\"/package/jquery\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"jquery\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"\u003e=1.3.2\"}]]}]]}]}]]}],false,false]}]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"$L22\",null,{\"value\":\"versions\",\"className\":\"mt-6\",\"children\":[\"$\",\"$L27\",null,{\"packageName\":\"jquery-colorbox\",\"versions\":[{\"version\":\"1.6.4\",\"date\":\"2016-05-10T22:22:39.689Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.6.3\",\"date\":\"2015-07-27T14:36:04.240Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.6.2\",\"date\":\"2015-07-13T22:33:08.766Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.6.1\",\"date\":\"2015-05-14T16:56:24.413Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.6.0\",\"date\":\"2015-03-03T16:58:10.137Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.5.15\",\"date\":\"2015-02-26T02:45:16.826Z\",\"deprecated\":\"$undefined\"},{\"version\":\"1.5.10\",\"date\":\"2014-07-24T18:51:27.751Z\",\"deprecated\":\"$undefined\"}],\"currentVersion\":\"1.6.4\"}]}]\n"])</script><div style="display:none" id="S:1"><div class="space-y-8"><div class="flex flex-col gap-6 lg:flex-row lg:gap-8"><div class="flex-1 space-y-4"><div class="flex flex-wrap items-start gap-3"><h1 class="font-mono text-2xl font-bold sm:text-3xl">jquery-colorbox</h1><div class="flex flex-wrap items-center gap-2">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 font-mono">v1.6.4</div></div>jQuery lightbox and modal window plugin.<div class="flex flex-wrap gap-1.5"><a href="/search?q=modal">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">modal</a><a href="/search?q=lightbox">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">lightbox</a><a href="/search?q=gallery">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">gallery</a><a href="/search?q=popup">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">popup</a><a href="/search?q=ui">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">ui</a><a href="/search?q=jquery-plugin">svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-normal hover:bg-accent">jquery-plugin</a></div><div class="flex flex-wrap gap-4 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>23.0K/week<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-4 w-4"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Updated 3 years ago<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale h-4 w-4"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="M7 21h10"></path><path d="M12 3v18"></path><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path></svg>MIT</div><div class="text-sm">Published by <a class="font-medium hover:underline" href="/~Jack%20Moore">Jack Moore</a></div></div><div class="w-full space-y-4 lg:w-80"><div class="rounded-lg border bg-card"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="text-muted-foreground inline-flex h-9 items-center w-full justify-start rounded-none border-b bg-transparent p-0" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_36av5ubrb_-content-npm" data-state="active" id="radix-_R_36av5ubrb_-trigger-npm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">npm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-yarn" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-yarn" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">yarn</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-pnpm" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-pnpm" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">pnpm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_36av5ubrb_-content-bun" data-state="inactive" id="radix-_R_36av5ubrb_-trigger-bun" data-slot="tabs-trigger" class="dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">bun</button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-npm" id="radix-_R_36av5ubrb_-content-npm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0" style="animation-duration:0s"><div class="flex items-center justify-between gap-2 p-3"><code class="flex-1 overflow-x-auto whitespace-nowrap font-mono text-sm">npm install jquery-colorbox</code><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-9 h-8 w-8 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-yarn" hidden="" id="radix-_R_36av5ubrb_-content-yarn" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-pnpm" hidden="" id="radix-_R_36av5ubrb_-content-pnpm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_36av5ubrb_-trigger-bun" hidden="" id="radix-_R_36av5ubrb_-content-bun" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0"></div></div></div><div class="flex flex-wrap gap-2"><a href="https://github.com/jackmoore/colorbox" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-1.5 h-4 w-4"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>Repository</a><a href="http://www.jacklmoore.com/colorbox" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house mr-1.5 h-4 w-4"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Homepage</a><a href="https://npmjs.com/package/jquery-colorbox" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-1.5 h-4 w-4"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>npm</a></div></div></div><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2 w-full"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_aav5ubrb_-content-readme" data-state="active" id="radix-_R_aav5ubrb_-trigger-readme" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Readme</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-dependencies" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-dependencies" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Dependencies(1)</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_aav5ubrb_-content-versions" data-state="inactive" id="radix-_R_aav5ubrb_-trigger-versions" data-slot="tabs-trigger" class="data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Versions(7)</button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-readme" id="radix-_R_aav5ubrb_-content-readme" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6" style="animation-duration:0s"><div class="relative"><div class="prose prose-sm dark:prose-invert max-w-none overflow-hidden rounded-lg border p-6" style="max-height:500px"><h2 class="text-xl font-semibold mt-5 mb-3">About Colorbox:</h2> A customizable lightbox plugin for jQuery. See the <a href="http://jacklmoore.com/colorbox/" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">project page</a> for documentation and a demonstration, and the <a href="http://jacklmoore.com/colorbox/faq/" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">FAQ</a> for solutions and examples to common issues. Released under the <a href="http://www.opensource.org/licenses/mit-license.php" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">MIT license</a>.<h2 class="text-xl font-semibold mt-5 mb-3">Changelog:</h2>##### Version 1.6.4 - 2016/05/10* Fixed bug where using the inline property would duplicate target elements, if the selector matched multiple elements.##### Version 1.6.3 - 2015/07/27* Fixed regression that caused error in IE8 when the calculated initial size was negative. Fixes #741##### Version 1.6.2 - 2015/07/13* Fixed iframe attribute name (allowFullScreen to allowFullscreen). Fixes #737##### Version 1.6.1 - 2015/05/14* Replaced the inline onclick handler for cboxPhoto with a namespaced event for easier unbinding. Fixes #719.##### Version 1.6.0 - 2015/03/03* Added two new properties that expose how <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><img></code> and <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><iframe></code> elements are created, to give users direct control over those elements. Fixes #700.##### Version 1.5.15 - 2015/02/25* Adding to NPM, merged white-space cleanup & new language file.##### Version 1.5.14 - 2014/9/9* When opening, append Colorbox to the DOM if it was detached for whatever reason. Fixes #645.##### Version 1.5.13 - 2014/8/4* Fixed regression introduced with v1.5.12 with legacy versions of jQuery (1.3x-1.6x). References #628.##### Version 1.5.12 - 2014/7/31* Allowed setting the overlay opacity via CSS, by setting Colorbox's opacity property to false. References #628.##### Version 1.5.11 - 2014/7/31* Fixed bug where setting opacity to 0 was ignored. Fixes #628.##### Version 1.5.10 - 2014/6/26* Minor misc. tweaks (merging pull requests #611, #612, #615, #619, #620).##### Version 1.5.9 - 2014/4/25* Fixed inline content bug when using child selectors. Fixes #599##### Version 1.5.8 - 2014/4/15* Fixed accidental leak of global variable. References #591 * Enabled strict mode. Fixes #597##### Version 1.5.7 - 2014/4/15* Fix potential error when calling Colorbox directly. References #591 * Potentially worked around browser limitation of reporting that an image height and width is 0 immediately after onload. Fixes #535##### Version 1.5.6 - 2014/4/4* Applied maxWidth and maxHeight to the initialWidth and initialHeight. Fixes #391##### Version 1.5.5 - 2014/3/13* Allow setting the overlay opacity through CSS, rather than having to use Colorbox's opacity property. Fixes #580##### Version 1.5.4 - 2014/3/7* Fixed potential issue where IE9+ wouldn't close the modal when clicking on the overlay. Fixes #576##### Version 1.5.3 - 2014/3/4* Added access to settings object in callbacks.##### Version 1.5.2 - 2014/2/28* Added svg to image types regex.##### Version 1.5.1 - 2014/2/27* Fixed regression that broke direct calls to Colorbox, ie. $.colorbox(…)##### Version 1.5.0 - 2014/2/27* Changed when the className is applied: immediately on open, but only updated immediately prior to transition. Fixes #565 * Fixed potential style flash if #cboxLoadedContent is given a background. Fixes #567 * Misc. code cleanup##### Version 1.4.37 - 2014/2/11* Fixed potential error when resizing. Fixes #254 * Added Microsoft's JPEG XR to photo detection regex.##### Version 1.4.33 - 2013/10/31* Fixed an issue where private events propagated to the document in versions of jQuery prior to 1.7. Fixes #525, Fixes #526##### Version 1.4.32 - 2013/10/16* Updated stylesheets to avoid issue with using <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">div {max-width:100%}</code> (Fixes #520)##### Version 1.4.31 - 2013/9/25* Used setAttribute to set londesc, so that the value is accessible via DOM Node longDesc property #508##### Version 1.4.30 - 2013/9/24* Added longdesc and aria-describedby attributes to photos. Fixes #508##### Version 1.4.29 - 2013/9/10* Fixed a slideshow regression from 1.4.27 * Fixed a potential issue with the starting size of #cboxLoadedContent##### Version 1.4.28 - 2013/9/4* Fixed a potential issue with using the open property with mixed slideshow and non-slideshow groups##### Version 1.4.27 - 2013/7/16* Fixed a width calculation issue relating to using margin:auto on #cboxLoadedContent.##### Version 1.4.26 - 2013/6/30* Fixed a regression in IE7 and IE8 that was causing an error.##### Version 1.4.25 - 2013/6/28* Use an animation speed of zero between same-sized content (fixed). * Removed temporary fix for jQuery UI 1.8##### Version 1.4.24 - 2013/6/24* Added closeButton option. Set to false to remove the close button.##### Version 1.4.23 - 2013/6/23* Bugfix loading overlay/graphic append order##### Version 1.4.22 - 2013/6/19* Updated manifest files for the jQuery plugin repository and Bower (no changes to plugin)##### Version 1.4.21 - 2013/6/6* Replaced new Image() with document.createElement('img') to avoid a potential bug in Chrome 27.##### Version 1.4.20 - 2013/6/5* Fixing bug/typo from last update.##### Version 1.4.19 - 2013/6/3* Fixed bug where Colorbox was capturing ctrl+click on assigned links on windows browsers with jQuery 1.7+, rather than ignoring.##### Version 1.4.18 - 2013/5/30* Fixed a scroll position issue when using $.colorbox.resize()##### Version 1.4.17 - 2013/5/23* Possible fix for a Chrome 27 issue (https://github.com/jackmoore/colorbox/pull/438#issuecomment-18334804)##### Version 1.4.16 - 2013/5/20* Added trapFocus setting to allow disabling of focus trapping##### Version 1.4.15 - 2013/4/22* Added .webp to list of recognized image extensions##### Version 1.4.14 - 2013/4/16* Added fadeOut property to control the closing fadeOut speed. * Removed longdesc attribute for now.##### Version 1.4.13 - 2013/4/11* Fixed an error involving IE7/IE8 and legacy versions of jQuery##### Version 1.4.12 - 2013/4/9* Fixed a potential conflict with Twitter Bootstrap default img styles.##### Version 1.4.11 - 2013/4/9* Added <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">type='button'</code> to buttons to prevent accidental form submission * Added alt and longdesc attributes to photo content if they are present on the calling element.##### Version 1.4.10 - 2013/4/2* Better 'old IE' feature detection that fixes an error with jQuery 2.0.0pre.##### Version 1.4.9 - 2013/4/2* Fixes bug introduced in previous version.##### Version 1.4.8 - 2013/4/2* Dropped IE6 support. * Fixed other issues with $.colorbox.remove.##### Version 1.4.7 - 2013/4/1* Prevented an error if $.colorbox.remove is called during the transition.##### Version 1.4.6 - 2013/3/19* Minor change to work around a jQuery 1.4.2 bug for legacy users.##### Version 1.4.5 - 2013/3/10* Minor change to apply the close and className properties sooner.##### Version 1.4.4 - 2013/3/10* Fixed an issue with percent-based heights in iOS * Fixed an issue with ajax requests being applied at the wrong time.##### Version 1.4.3 - 2013/2/18* Made image preloading aware of retina settings.##### Version 1.4.2 - 2013/2/18* Removed $.contains for compatibility with jQuery 1.3.x##### Version 1.4.1 - 2013/2/14* Ignored left and right arrow keypresses if combined with the alt key.##### Version 1.4.0 - 2013/2/12* Better accessibility: * Replaced div controls with buttons * Tabbed navigation confined to modal window * Added aria role##### Version 1.3.34 - 2013/2/4* Updated manifest for plugins.jquery.com##### Version 1.3.33 - 2013/2/4* Added retina display properties: retinaImage, retinaUrl, retinaSuffix * Fixed iframe scrolling on iOS devices.##### Version 1.3.32 - 2013/1/31* Improved internal event subscribing & fixed event bug introduced in v1.3.21##### Version 1.3.31 - 2013/1/28* Fixed a size-calculation bug introduced in the previous commit.##### Version 1.3.30 - 2013/1/25* Delayed border-width calculations until after opening, to avoid a bug in FF when using Colorbox in a hidden iframe.##### Version 1.3.29 - 2013/1/24* Fixes bug with bubbling delegated events, introduced in the previous commit.##### Version 1.3.28 - 2013/1/24* Fixed compatibility issue with old versions of jQuery (1.3.2-1.4.2)##### Version 1.3.27 - 2013/1/23* Added className property.##### Version 1.3.26 - 2013/1/23* Minor bugfix: clear the onload event handler after photo has loaded.##### Version 1.3.25 - 2013/1/23* Removed grunt file & added Bower component.json.##### Version 1.3.24 - 2013/1/22* Added generated files (jquery.colorbox.js / jquery.colorbox-min.js) back to the repository.##### Version 1.3.23 - 2013/1/18* Minor bugfix for calling Colorbox on empty jQuery collections without a selector.##### Version 1.3.22 - 2013/1/17* Recommit for plugins.jquery.com##### Version 1.3.21 - 2013/1/15 Files Changed: *.js* Fixed compatibility issues with jQuery 1.9##### Version 1.3.20 - August 15 2012 Files Changed:jquery.colorbox.js* Added temporary workaround for jQuery-UI 1.8 bug (http://bugs.jquery.com/ticket/12273) Added .jpe extension to the list of image types.##### Version 1.3.19 - December 08 2011 Files Changed:jquery.colorbox.js, colorbox.css (all)* Fixed bug related to using the 'fixed' property. * Optimized the setup procedure to be more efficient. * Removed $.colorbox.init() as it will no longer be needed (will self-init when called). * Removed use of $.browser.##### Version 1.3.18 - October 07 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 1's controls.png* Fixed a regression where Flash content displayed in Colorbox would be reloaded if the browser window was resized. * Added safety check to make sure that Colorbox's markup is only added to the DOM a single time, even if $.colorbox.init() is called multiple times. This will allow site owners to manually initialize Colorbox if they need it before the DOM has finished loading. * Updated the example index.html files to be HTML5 compliant. * Changed the slideshow behavior so that it immediately moves to the next slide when the slideshow is started. * Minor regex bugfix to allow automatic detection of image URLs that include fragments.##### Version 1.3.17 - May 11 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js* Added properties "top", "bottom", "left" and "right" to specify a position relative to the viewport, rather than using the default centering. * Added property "data" to specify GET or POST data when using Ajax. Colorbox's ajax functionality is handled by jQuery's .load() method, so the data property works the same way as it does with .load(). * Added property "fixed" which can provide fixed positioning for Colorbox, rather than absolute positioning. This will allow Colorbox to remain in a fixed position within the visitors viewport, despite scrolling. IE6 support for this was not added, it will continue to use the default absolute positioning. * Fixed ClearType problem with IE7. * Minor fixes.##### Version 1.3.16 - March 01 2011 Files Changed:jquery.colorbox.js/jquery.colorbox-min.js, colorbox.css (all) and example 4 background png files* Better IE related transparency workarounds. IE7 and up now uses the same background image sprite as other browsers. * Added error handling for broken image links. A message will be displayed telling the user that the image could not be loaded. * Added new property: 'fastIframe' and set it to true by default. Setting to fastIframe:false will delay the loading graphic removal and onComplete event until iframe has completely loaded. * Ability to redefine $.colorbox.close (or prev, or next) at any time.##### Version 1.3.15 - October 27 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor fixes for specific cases.##### Version 1.3.14 - October 27 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* In IE6, closing an iframe when using HTTPS no longer generates a security warning.##### Version 1.3.13 - October 22 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Changed the index.html example files to use YouTube's new embedded link format. * By default, Colorbox returns focus to the element it was launched from once it closes. This can now be disabled by setting the 'returnFocus' property to false. Focus was causing problems for some users who had their anchor elements inside animated containers. * Minor bug fix involved in using a combination of slideshow and non-slideshow content.##### Version 1.3.12 - October 20 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor bug fix involved in preloading images when using a function as a value for the href property.##### Version 1.3.11 - October 19 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed the slideshow functionality that broke with 1.3.10 * The slideshow now respects the loop property.##### Version 1.3.10 - October 16 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed compatibility with jQuery 1.4.3 * The 'open' property now accepts a function as a value, like all of the other properties. * Preloading now loads the correct href for images when using a dynamic (function) value for the href property. * Fixed bug in Safari 3 for Win where Colorbox centered on the document, rather than the visitor's viewport. * May have fixed an issue in Opera 10.6+ where Colorbox would rarely/randomly freeze up while switching between photos in a group. * Some functionality better encapsulated & minor performance improvements.##### Version 1.3.9 - July 7 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/ all colorbox.css (the core styles)* Fixed a problem where iframed youtube videos would cause a security alert in IE. * More code is event driven now, making the source easier to grasp. * Removed some unnecessary style from the core CSS.##### Version 1.3.8 - June 21 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug in Chrome where it would sometimes render photos at 0 by 0 width and height (behavior introduced in recent update to Chrome). * Fixed a bug where the onClosed callback would fire twice (only affected 1.3.7). * Fixed a bug in IE7 that existed with some iframed websites that use JS to reposition the viewport caused Colorbox to move out of position. * Abstracted the identifiers (HTML ids & classes, and JS plugin name, method, and events) so that the plugin can be easily rebranded. * Small changes to improve either code readability or compression.##### Version 1.3.7 - June 13 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/index.html* $.colorbox can now be used for direct calls and accessing public methods. Example: $.colorbox.close(); * Resize now accepts 'width', 'innerWidth', 'height' and 'innerHeight'. Example: $.colorbox.resize({width:"100%"}) * Added option (loop:false) to disable looping in a group. * Added options (escKey:false, arrowKey:false) to disable esc-key and arrow-key bindings. * Added method for removing Colorbox from a document: $.colorbox.remove(); * Fixed a bug where iframed URLs would be truncated if they contained an unencoded apostrophe. * Now uses the exact href specified on an anchor, rather than the version returned by 'this.href'. This was causing "#example" to be normalized to "http://domain/#example" which interfered with how some users were setting up links to inline content. * Changed example documents over to HTML5.##### Version 1.3.6 - Jan 13 2010 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Small change to make Colorbox compatible with jQuery 1.4##### Version 1.3.5 - December 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug introduced in 1.3.4 with IE7's display of example 2 and 3, and auto-width in Opera. * Fixed a bug introduced in 1.3.4 where colorbox could not be launched by triggering an element's click event through JavaScript. * Minor refinements.##### Version 1.3.4 - December 5 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Event delegation is now used for elements that Colorbox is assigned to, rather than individual click events. * Additional callbacks have been added to represent other stages of Colorbox's lifecycle. Available callbacks, in order of their execution: onOpen, onLoad, onComplete, onCleanup, onClosed These take place at the same time as the event hooks, but will be better suited than the hooks for targeting specific instances of Colorbox. * Ajax content is now immediately added to the DOM to be more compatible if that content contains script tags. * Focus is now returned to the calling element on closing. * Fixed a bug where maxHeight and maxWidth did not work for non-photo content. * Direct calls no longer need 'open:true', it is assumed. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({html:'Hi'});</code>##### Version 1.3.3 - November 7 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Changed $.colorbox.element() to return a jQuery object rather the DOM element. * jQuery.colorbox-min.js is compressed with Google's Closure Compiler rather than YUI Compressor.##### Version 1.3.2 - October 27 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Added 'innerWidth' and 'innerHeight' options to allow people to easily set the size dimensions for Colorbox, without having to anticipate the size of the borders and buttons. * Renamed 'scrollbars' option to 'scrolling' to be in keeping with the existing HTML attribute. The option now also applies to iframes. * Bug fix: In Safari, positioning occassionally incorrect when using '100%' dimensions. * Bug fix: In IE6, the background overlay is briefly not full size when first viewing. * Bug fix: In Firefox, opening Colorbox causes a split second shift with a small minority of webpage layouts. * Simplified code in a few areas.##### Version 1.3.1 - September 16 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css/colorbox-ie.css(removed)* Removed the IE-only stylesheets and conditional comments for example styles 1 & 4. All CSS is handled by a single CSS file for all examples. * Removed user-agent sniffing from the js and replaced it with feature detection. This will allow correct rendering for visitors masking their agent type.##### Version 1.3.0 - September 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js/colorbox.css* Added $.colorbox.resize() method to allow Colorbox to resize it's height if it's contents change. * Added 'scrollbars' option to allow users to turn off scrollbars when using the resize() method. * Renamed the 'resize' option to be less ambiguous. It's now 'scalePhotos'. * Renamed the 'cbox_close' event to be less ambiguous. It's now 'cbox_cleanup'. It is the first thing to happen in the close method while the 'cbox_closed' event is the last to happen. * Fixed a bug with the slideshow mouseover graphics that appeared after Colorbox is opened a 2nd time. * Fixed a bug where ClearType may not work in IE6&7 if using the fade transition. * Minor code optimizations to increase compression.##### Version 1.2.9 - August 7 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Minor change to enable use with $.getScript(); * Minor change to the timing of the 'cbox_load' event so that it is more useful. * Added a direct link to a YouTube video to the examples.##### Version 1.2.8 - August 5 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug with the overlay in IE6 * Fixed a bug where left & right keypress events might be prematurely unbound.##### Version 1.2.7 - July 31 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js, example stylesheets and background images (core styles have not changed and the updates will not affect existing user themes / old example themes)* Code cleanup and reduction, better organization and documentation in the full source. * Added ability to use functions in place of static values for Colorbox's options (thanks Ken!). * Added an option for straight HTML. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({html:'Howdy', open:true})</code> * Added an event for the beginning of the closing process. This is in addition to the event that already existed for when Colorbox had completely closed. 'cbox_close' and 'cbox_closed' respectively. * Fixed a minor bug in IE6 that would cause a brief content shift in the parent document when opening Colorbox. * Fixed a minor bug in IE6 that would reveal select elements that had a hidden visibility after closing Colorbox. * The 'esc' key is unbound now when Colorbox is not open, to avoid any potential conflicts. * Used background sprites for examples 1 & 4. Put IE-only (non-sprite) background images in a separate folder. * Example themes 1, 3, & 4 received slight visual tweaks. * Optimized pngs for smaller file size. * Added slices, grid, and correct sizing to the Adobe Illustrator file, all theme files are now export ready!##### Version 1.2.6 - July 15 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* Fixed a bug with fixed width/height images in Opera 9.64. * Fixed a bug with trying to set a value for rel during a direct call to Colorbox. Example: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({rel:'foo', open:true});</code> * Changed how href/rel/title settings are determined to avoid users having to manually update Colorbox settings if they use JavaScript to update any of those attributes, after Colorbox has been defined. * Fixed a FF3 bug where the back button was disabled after closing an iframe.##### Version 1.2.5 - June 23 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js* 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 Files Changed: jquery.colorbox.js, jquery.colorbox-min.js* 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 = $.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: <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">$.colorbox({open:true, href:'yourLink.xxx'});</code> * 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 * 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. * Fixed an IE transparency-stacking problem, where transparent PNGs would show through to the background overlay. * 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 JavaScript. * 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: $.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 * 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}); * 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 </div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div></div><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:4"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>