colorbox-jquery特效

## DEMONSTRATION AND INSTRUCTIONS/API: http://colorpowered.com/colorbox/ ## QUESTIONS? See: http://colorpowered.com/colorbox/#help ## Changelog: ### 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: `$.fn.colorbox({html:'<p>Hi</p>'});` ### Version 1.3.3 - November 7 2009 Files Changed: jquery.colorbox.js/jquery.colorbox-min.js * Changed $.fn.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 $.fn.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 b