jQuery modal box round up

March 16th, 2009

jquery-logo1

jQuery has many great plugin, and some of them are modal box. So, I collected amazing list of modal box for jQuery, and here they are.

ColorBox

ColorBox is a light-weight, customizable lightbox plugin for jQuery 1.3. And it was design to follow web best standard and W3C standards.

Features

  • Supports photos, photo groups, ajax, inline, and iframed content.
  • Appearance is completely controlled through CSS so users can restyle the box.
  • Behaviour settings can be over-written without altering the ColorBox javascript file.
  • Completely unobtrusive, requires no changes to existing HTML
  • Degrades gracefully, all content displayed can be accessed without JavaScript.
  • Preloads background images to avoid flash of unstyled content on first use.
  • Can preload upcoming images in a photo group.
  • Lightweight: only 12kbs of JavaScript – only 2kbs gzipped & minified!
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and CSS
  • Released under the MIT License.

Homepage

http://colorpowered.com/colorbox/

Screenshots

colorbox-1

colorbox-2

colorbox-3

colorbox-4

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery. It was one of the oldest modal box plugin for jQuery.

Homepage

http://jquery.com/demo/thickbox/

Screenshot

thickbox

JQuery UI Dialog

Modal box from JQuery UI, support for dragging, displaying form.

Homepage

http://jqueryui.com

Screenshots

jquery-ui-1

jquery-ui-2

SimpleModal

SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.

Homepage

http://www.ericmmartin.com/projects/simplemodal/

Screenshot

simplemodal-1

simplemodal-2

Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

Homepage

http://famspam.com/facebox

Screenshot

facebox

Boxy

Boxy is a Facebook-style dialog box for jQuery, but has more features than Facebox, support for dragging and size tweening.

Homepage

http://onehackoranother.com/projects/jquery/boxy/

Screenshot

boxy

jqModal

jqModal is trying to be minimalist modal box for jQuery, has support for styling and nested modal.

Features

  • Designer Friendly – Use *your* HTML+CSS for Layout and Styling
  • Translator/i18n friendly – No hardcoded English strings
  • Developer friendly – Extensible through callbacks to make anything (gallery slideshows, video-conferencing, etc.) possible
  • Simple support for remotely loaded content (aka “AJAX”)
  • Multiple Modal Support (including Modal-in-Modal)

Homepage

http://dev.iceburg.net/jquery/jqModal/

Screenshots

jqmodal-1

jqmodal-2

jqmodal-3

Related posts:

  1. jQuery 1.4 Released
  2. 3 Amazing jQuery Color Picker Plugins
  3. [Link] jQuery Fundamentals Available as Open Source
  4. KomunitasWeb March 2009 Summary
  5. HTML Wireframe with Polypage

Tags:

One Comment