Article Diary - General Knowledge Digest

Create Standalone JavaScript Modal Windows with TinyBox2

TinyBox2 is the successor of the previously published resource TinyBox which is a standalone JavaScript modal windows library. The library is lightweight (only 5kb) and supports images, iframes, HTML and Ajax requests natively.

JavaScript Modal Windows

Modal windows are very flexible with the options like toggle animation, auto-hide, opacity level, custom positions and more. They can be closed by simply clicking on the close button, anywhere outside the modal box or Esc Key.

There are callback functions for the open + close events and the windows can be set to load in a specific size or the width/height (auto) of the content to be displayed.

Click here for the demo.
Click here to download.

This script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects under the creative commons license.

Attached Files
There are no attachments for this article.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
jCart - Free PHP AJAX Shopping Cart
Viewed 1221 times since Sun, Jan 3, 2010
10 Tips for Writing Better CSS Code
Viewed 1055 times since Fri, Nov 27, 2009
OpenCart - Open Source Shopping Cart
Viewed 1219 times since Fri, Jan 1, 2010
Inline Form Validation With jQuery
Viewed 1227 times since Sat, Jan 9, 2010
Pastie - Pastebin to Share Source Code with Syntax Highlighting
Viewed 947 times since Mon, Jan 11, 2010
Create A Page Peel Effect With CSS & jQuery
Viewed 936 times since Tue, Jan 5, 2010
mbSlider - Highly Customizable Content Slider
Viewed 942 times since Mon, Jul 26, 2010
What is new in HTML 5?
Viewed 960 times since Sat, Apr 3, 2010
How to change default web page using htaccess?
Viewed 1170 times since Sun, Mar 14, 2010