Jquery modal window examples

jQuery Inline Modal Window

Inline Modal Window w/ CSS and jQuery requires intermediate knowledge of CSS and jQuery that easy to install modal window (Popup) plugins out there like fancybox and prettyPhoto.

Demo: http://www.sohtanaka.com/web-design/examples/modal-window/
Home & Code: http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/

jQuery Superbox: Flexible Modal Windows

jQuery Superbox! is a jQuery plugin for creating easily customizable modal windows (lightbox-like). It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

To change the look & feel, it is enough to play with the CSS as no styles are set by default.

It can display any type of content as every HTML content can be presented. But by default, images (single or gallery mode), text content & iframes are supported

Dimensions of the modal window can be choosen to resize automatically according to the content or width & height can be defined for a standard size.

Download:
http://www.pierrebertet.net/projects/jquery_superbox/

TinyBox – Lightweight Modal Window Script Ajax


TinyBox is a lightweight (3.5kb) modal window script that does not depend on any JavaScript frameworks. It can display any Ajax or HTML content (from text to videos). Also, if enabled, the modal boxes fade in/out & dynamically resize based on the loaded content.

With the auto-hide support, the script can be used to show notifications. It is called & configured within one line, like:

TINY.box.show(‘advanced.html’,1,300,150,1,3)

where all the settings can be mentioned easily. For a demo of TinyBox, click here.
http://sandbox.leigeber.com/tinybox/

Download : http://www.leigeber.com/2009/05/javascript-popup-box/

Advertisements

One Response

  1. thanks so much. God bless you for the codes

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

%d bloggers like this: