This blog has moved here: blog.Dreamcss.com

Color Box - customizable light box plugins for jQuery

Posted by ravindra | on Jun 3, 2009 7:39 AM

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

5 comments
blog comments powered by Disqus

  1. Anonymous June 3, 2009 9:48 PM  

    Where's the link to the Color Box page to download and try this plugin?

  2. Anonymous June 4, 2009 12:30 AM  

    Hum... Great, but where's the download link?

  3. raj June 4, 2009 12:40 AM  

    you can download this script from http://colorpowered.com/colorbox .

  4. Anonymous June 4, 2009 6:27 AM  

    nice article not including a link or examples, moron.

  5. Anonymous June 4, 2009 7:50 PM  

    I agree that it's poor practice to leave out the download link and examples, but there's no reason for name calling.

    Thanks for bringing this to my attention. I'll check the link that raj submitted.