<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Coder Plus &#187; modalbox</title>
	<atom:link href="http://coderplus.com/tag/modalbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://coderplus.com/blog</link>
	<description></description>
	<lastBuildDate>Fri, 26 Feb 2010 06:21:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>19 jQuery Modal Boxes to improve your UI</title>
		<link>http://coderplus.com/blog/2009/11/jquery-modal-boxes-to-improve-your-ui/</link>
		<comments>http://coderplus.com/blog/2009/11/jquery-modal-boxes-to-improve-your-ui/#comments</comments>
		<pubDate>Sun, 01 Nov 2009 18:16:32 +0000</pubDate>
		<dc:creator>Coder</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[modalbox]]></category>

		<guid isPermaLink="false">http://coderplus.com/?p=3</guid>
		<description><![CDATA[<p> 19 Super Awesome Jquery modal boxes which will help you in improving the User Interface of your site.<br/>
These Modal boxes will help you to display media files,webpages , messages, forms etc in a cute overlay window. </p>]]></description>
			<content:encoded><![CDATA[<p> 19 Super Awesome Jquery modal boxes which will help you in improving the User Interface of your site.<br/><br />
These Modal boxes will help you to display media files,webpages , messages, forms etc in a cute overlay window. </p>
<p>1.<a title="Jquery Version Of Light Box" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">Jquery Version Of Light Box</a> – Jquery version of the Original Lightbox plugin by Lokesh Dhakar</p>
<p><img title="image" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="162" alt="image" src="http://coderplus.com/wp-content/uploads/2009/11/image2.png" width="580" border="0" /></p>
<p>2.<a href="http://famspam.com/facebox" target="_blank">Facebox</a> &#8211; A jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.</p>
<p><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="500" alt="image" src="http://coderplus.com/wp-content/uploads/2009/11/facebox.png" width="580" border="0" /> </p>
<p>3.<a href="http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2" target="_blank">Sexy LightBox</a> &#8211; A sexier and lite version of Light Box available in jQuery and Mootools Platforms</p>
<p><img title="sexy-lightbox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="490" alt="sexy-lightbox" src="http://coderplus.com/wp-content/uploads/2009/11/sexylightbox.png" width="580" border="0" /></p>
<p>4.<a title="PiroBox" href="http://www.pirolab.it/pirobox/#howto" target="_blank">PiroBox</a> &#8211; another lightbox with jQuery</p>
<p><img title="pirobox" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="331" alt="pirobox" src="http://coderplus.com/wp-content/uploads/2009/11/pirobox1.jpg" width="580" border="0" /> </p>
<p>5.<a href="http://fancybox.net/home" target="_blank">Fancy Box</a> &#8211; displays images, html content and multi-media in a Mac-style &quot;lightbox&quot;</p>
<p><img title="fancybox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="291" alt="fancybox" src="http://coderplus.com/wp-content/uploads/2009/11/fancybox.png" width="580" border="0" /></p>
<p>6.<a href="http://stickmanlabs.com/lightwindow/" target="_blank">Light window</a> – Renders any type of Media onto a modal box</p>
<p><img title="lightwindow" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="456" alt="lightwindow" src="http://coderplus.com/wp-content/uploads/2009/11/lightwindow.png" width="580" border="0" /></p>
<p>7.<a href="http://www.shadowbox-js.com/" target="_blank">Shadow Box</a> &#8211; Shadowbox is an online media viewer application that supports all of the web&#8217;s most popular media publishing formats. </p>
<p><img title="shadowbox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="379" alt="shadowbox" src="http://coderplus.com/wp-content/uploads/2009/11/shadowbox.png" width="580" border="0" /></p>
<p>8.<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" target="_blank">prettyPhoto</a> &#8211; prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It&#8217;s a full blown media lightbox.</p>
<p><img title="prettyPhoto" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="492" alt="prettyPhoto" src="http://coderplus.com/wp-content/uploads/2009/11/prettyPhoto.png" width="580" border="0" /></p>
<p>9.<a href="http://www.pierrebertet.net/projects/jquery_superbox/" target="_blank">Super Box</a> &#8211; jQuery Superbox! is a script which allows you display windows with the lightbox effect.</p>
<p><img title="superbox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="481" alt="superbox" src="http://coderplus.com/wp-content/uploads/2009/11/superbox.png" width="580" border="0" /></p>
<p>10.<a href="http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/" target="_blank">CeeBox</a> &#8211; An overlay popup script for easily embedding flash video, displaying images, or showing html (either external sites via iframe or content on your own site via AJAX).</p>
<p><img title="ceebox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="570" alt="ceebox" src="http://coderplus.com/wp-content/uploads/2009/11/ceebox.png" width="580" border="0" /></p>
<p>11.<a href="http://jquery.com/demo/thickbox/" target="_blank">Thick Box</a> &#8211; 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.</p>
<p><img title="thickbox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="465" alt="thickbox" src="http://coderplus.com/wp-content/uploads/2009/11/thickbox.png" width="580" border="0" /></p>
<p>12.<a href="http://jqueryui.com/demos/dialog" target="_blank">Dialog</a> jQuery plugin to display modal dialogs, messages , alerts forms etc.</p>
<p><img title="dialog" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="327" alt="dialog" src="http://coderplus.com/wp-content/uploads/2009/11/dialog.png" width="580" border="0" /></p>
<p>13.<a href="http://colorpowered.com/colorbox/" target="_blank">ColorBox</a> – another modal box which can display photos, photo groups, slideshow, ajax, inline, and iframed content</p>
<p><img title="colorbox" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="410" alt="colorbox" src="http://coderplus.com/wp-content/uploads/2009/11/colorbox.png" width="580" border="0" /></p>
<p>14.<a href="http://onehackoranother.com/projects/jquery/boxy/" target="_blank">Boxy</a> –&#160; Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. I</p>
<p><img title="image" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="247" alt="image" src="http://coderplus.com/wp-content/uploads/2009/11/image1.png" width="580" border="0" /></p>
<p>15.<a href="http://nyromodal.nyrodev.com/" target="_blank">NyroModal</a> &#8211; Another Modal Box with animation callbacks and much more..</p>
<p><img title="nyromodal" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="469" alt="nyromodal" src="http://coderplus.com/wp-content/uploads/2009/11/nyromodal.png" width="580" border="0" /></p>
<p>17.<a href="http://dev.iceburg.net/jquery/jqModal/" target="_blank">jqModal</a> &#8211; jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a &quot;Swiss Army Knife&quot;, and makes a great base as a general purpose windowing framework. </p>
<p><img title="jqModal" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="242" alt="jqModal" src="http://coderplus.com/wp-content/uploads/2009/11/jqModal5.png" width="584" border="0" /></p>
<p>18.<a href="http://www.ericmmartin.com/projects/simplemodal/" target="_blank">SimpleModal</a> &#8211; SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. </p>
<p><img title="simplemodal" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="212" alt="simplemodal" src="http://coderplus.com/wp-content/uploads/2009/11/simplemodal1.png" width="584" border="0" /></p>
<p>19. <a href="http://jqueryglobe.com/labs/imgbox/" target="_blank">imgBox</a> &#8211; imgBox is a jQuery plugin that implements a smooth zoom effect on images.</p>
<p><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="368" alt="image" src="http://coderplus.com/wp-content/uploads/2009/11/image14.png" width="584" border="0" /></p>
]]></content:encoded>
			<wfw:commentRss>http://coderplus.com/blog/2009/11/jquery-modal-boxes-to-improve-your-ui/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
