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.

Format: $('selector').colorbox({key:value}, 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 :

colorbox

2. elastic transition + changed default photo numbering :

colorbox.1

3. no transition + fixed width and height (75% of screen size) :

colorbox.2

4. slideshow :

colorbox.3

5.Outside webpage (IFrame) :

colorbox.4

6.Outside HTML (Ajax) :

colorbox.5

7.Inline HTML :

colorbox.6

8.Flash / Video :

colorbox.7

0 comments :