Color Box – customizable light box plugins for jQuery
Color Box is a lightweight {Almost 9KB} customizable light box plug-in for jQuery 1.3 . It support photos, photo groups, slideshow, Ajax, inline, and Iframed content. you can Easily customize the style of light box through the simple CSS .
Behavior settings can be over-written without altering the Color Box JavaScript file.Completely unobtrusive, requires no changes to existing HTML .Color Box -customizable light box plug-in for jQuery release under MIT License. Color-Box customizable light box plug-in Tested In Firefox 2 & 3, Safari 3 & 4, Opera 9, Chrome, Internet Explorer 6, 7, 8.
The colorbox() function takes a key/value object and an optional callback.
Example: $(‘a.gallery’).colorbox({transition:’fade’, speed:500});
Example: $(‘button’).colorbox({href:”thankyou.html”});
Screenshot of Color Box – customizable light box plug-in for jQuery :
1. fade transition :
2. elastic transition + changed default photo numbering :
3. no transition + fixed width and height (75% of screen size) :
4. slideshow :
5.Outside webpage (IFrame) :
6.Outside HTML (Ajax) :
7.Inline HTML :
8.Flash / Video :
