Home > JQuery > 7+ jQuery Modal Popup Window Plugins With Tutorials, Demo and Downloads

7+ jQuery Modal Popup Window Plugins With Tutorials, Demo and Downloads


1. jQuery Speedo Popup

speedo

Features:

  • Its good for all requirement
    • a popup Plugin
    • a Notification Plugin
    • a Lightbox Plugin
    • an Alert Box Plugin

2. Simple jQuery Modal Window Tutorial

Features:

  • Able to search the whole html document for A tag NAME=”modal” attribute, so when users click on it, it will display the content of DIV #ID in the HREF attribute in Modal Window.
  • A mask that will fill the whole screen.
  • Modal windows that is simple and easy to modify.

3. Popup Modal Window Using the jQuery Reveal Plugin

It is a simple little modal window, perfect perhaps for small confirmation messages as seen in the preview. And no, there is no excuse for ever using Comic Sans.


4. SimpleModal – Lightweight jQuery Modal Dialog

SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog. The main aim of SimpleModal is to facilitate developers with a cross-browser overlay and container that will be populated with data provided.

5. ColorBox-A lightweight customizable lightbox plugin for jQuery

  • 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.

6.NyroModal v2 :: jQuery Plugin

nyroModal

  • Ajax Call
  • Ajax Call with targeting content
  • 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
  • Stacked Modals
  • Many embed element through Embed.ly API / Demos
  • Error handling
  • Modal will never goes outside the view port
  • Esc key to close the window
  • Customizable animation
  • Customizable look
  • Modal title
  • W3C valid HTML (Transitionnal)

7.boxy – Facebook-like dialog/overlay, with frills

Example dialog box

Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created. And for simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user.

8.ThickBox 3.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 90 other followers

%d bloggers like this: