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: $(‘’).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 :


You might also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More