Friday, April 20, 2012

Flexible jquery based modal box or popup box -ColorBox

I have been using the jquery plugins for long. Many times I do need to implement facebook-like photo viewer in gallery pages. Similarly, mostly in admin pages of my web applications, I frequently us modal pop-ups for various purposes like ajax loading of content, iframe loading from other internal pages, confirmation and error show ups. Typically I used to go for separate plugins for the purpose. Lately I found the ColorBox plugin that satisfies both the needs. In one sense, this is a framework for me. You can visit  ColorBox and explore it.

Lets look at the features the ColorBox jquery plugin possesses.
  • Supports photos, grouping, slideshow, ajax, inline, and iframed content.
  • Lightweight: 10KB of JavaScript (less than 5KBs gzipped).
  • Appearance is controlled through CSS so it can be restyled.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads upcoming images in a photo group.
  • Well vetted. ColorBox is one of the top jQuery plugins.
For jquery 1.3.2+, ColorBox has its older version, whereas for jquery 1.4.3+, ColorBox has its news version.
Meantime, you may also enjoy browsing jquery with tips in this blog. To sate the appetite of enthusiasts, I have also posted a bunch of javascript with related tips and tricks which you may find useful in your web development career. Cheers! kick it on


Post a Comment

Hope you liked this post. You can leave your message or you can put your valuable suggestions on this post here. Thanks for the sharing and cooperation!

Popular Posts

Recent Articles