06 Mar

ColorBox is a customizable lightbox plugin for jQuery. The appearance is completely controlled through CSS so users can restyle the box in order to create a customized lightbox that is unique to their project. You can check out the example Style 1, Style 2, Style 3 and Style 4.

ColorBox supports photos, photo groups, ajax, inline, and iframed content. It is completely unobtrusive, requires no changes to existing HTML. It degrades gracefully, all content displayed can be accessed without JavaScript. And it generates W3C valid XHTML and CSS.

Requirements: jQuery 1.3+
Demo: Style 1, Style 2, Style 3 and Style 4
License: MIT License

Sponsors

Comments

Sander

it is very nice
i love style 1 and 4 the best

but i miss 1 thing so far…
probably easy to extend though
if you click outside the picture the colorbox should close imo.
http://www.shaneeubanks.com Shane Eubanks

This looks great! Thanks! I’ve been looking for something like this, but couldn’t find anything that could handle html/flash in the modal and still be customized to this extent. This will work great.
http://colorpowered.com Jack

Hi Marco, this is my project. I’ve tested it in IE6-8, and recent versions of Opera, Chrome, Firefox, and Safari. I haven’t tested it in old versions Opera/Firefox/Safari though.
http://www.deafness-and-hearingaids.net/ Steve

There’s a lot of jQuery lightboxes around now but this is definitely one of the best I’ve seen.
Serge

Agreed with Steve, out of all the jQuery lightbox projects, this has to be one of the best implementations. Demo 4 is probably my favorite.
http://fedmich.com/life fedmich

Very nice
Style 2 is my favorite.

Thanks for sharing
Pingback: links for 2009-03-10 - Capsule - caps:blog
Pingback: ColorBox - Customizable Lightbox Plugin for jQuery | Web Resources | WebAppers
http://www.lairai.com Tam TTT

Yeah, it’s one of the best lightbox plugin for JQuery.
I wish it could include some more features:
* option to add more description (currently only title)
* option to add thumb-strip
* option to fix top position, so the image doesn’t always move to center area of the screen

Thanks for excellent job
KPU

Hi Jack,

this is one of the best i have seen so far,

buti need to embed flv in the frame and play it from there directly,can you please suggest how to go about it?

-KPU
Stephane

Me too I’ve been using colorbox and it rules in the kingdom of boxes
Kriz

It’s a nice one, sadly enough it’s not able to play .flv directly (only via Vimeo or Youtube).
http://www.technospiders.com jayendra

How can we set the height and width of the image display in colorbox?

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

Open Source Resources for Web Application Developers

ColorBox – Customizable Lightbox Plugin for jQuery

Open Source Resources for You

subscribe to our newsletter - weekly free resouces for web developers

follow us on social sites - rss, facebook, google+, Twitter

Open Source Resources for You