Thursday, June 21, 2012

Top 10 jQuery Modal Box Plugins

A list of the top 10 Modal Box jQuery plugins.


http://colorpowered.com/colorbox/
     
  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  •  
  • Lightweight: less than 9KB of JavaScript.
  •  
  • Appearance is controlled through CSS so users can restyle the box.
  •  
  • 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 background images and can preload upcoming images in a photo group.
  •  
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  •  
  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.

http://www.clearbox.hu/index_en.html
     
  • Multi-language support and more user settings
  •  
  • New animation called “grow”
  •  
  • Clearbox works BEFORE the page is fully loaded
  •  
  • Multi-line comment to any content
  •  
  • Rotate images, fancy OSD
  •  
  • Create galleries for Flash, Quicktime, Windows Media, HTML, inner content, etc.

http://flowplayer.org/tools/overlay.html
     
  • The overlay can contain any HTML and the whole thing can be styled with CSS.
  •  
  • This tool uses a simple and natural syntax and has an advanced programming API. You can extend it with callback methods or with your own plugins.
  •  
  • Auto-hiding functionality for next/prev links and for the image description element.
  •  
  • Automatic preloading of the images.
  •  
  • Standards-based syntax. Works even on browsers without JavaScript enabled.

http://fancybox.net/
     
  • Adds a nice drop shadow under the zoomed item
  •  
  • Groups related items and adds navigation (preloades images)
  •  
  • Can display images, inline, ajax and iframed content
  •  
  • Customizable through settings and CSS
  •  
  • Support fancy transitions by using easing plugin

http://www.shadowbox-js.com/index.html
Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.


http://leandrovieira.com/projects/jquery/lightbox/
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.


http://famspam.com/facebox
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.


http://nyromodal.nyrodev.com/
     
  • Ajax Call, Ajax Call with targeting content, Ajax call can change the modal size
  •  
  • Single Image
  •  
  • Images Gallery with arrow navigating
  •  
  • Gallery with any kind of content
  •  
  • Form, Form in iframe, Form with targeting content, Form with file upload Form with file upload with targeting content
  •  
  • Dom Element
  •  
  • Manual Call
  •  
  • Iframe
  •  
  • Error handling
  •  
  • Modal will never goes outside the view port
  •  
  • Esc key to close the window
  •  
  • Customizable animation, Customizable look
  •  
  • Modal title
  •  
  • Ability to block only one element
  •  
  • W3C valid HTML (Transitionnal)

http://www.intelliance.fr/jquery/imagebox/
simple limited lightbox


http://www.pirolab.it/pirobox/
jQuery piroBox plugin is simple images gallery, realized with jQuery library


http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.
It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

0 comments:

Post a Comment

I am a student of MS(CS), and also a computer software engineer and web developer.