<?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>Cool Javascripts &#187; Modal Windows</title>
	<atom:link href="http://cool-javascripts.com/category/modal-windows/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Sun, 12 Jul 2009 07:40:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>jQuery Impromptu &#8211; alert and confirm replacement with form support</title>
		<link>http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html</link>
		<comments>http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html#comments</comments>
		<pubDate>Fri, 16 Jan 2009 19:23:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[confirm]]></category>
		<category><![CDATA[impromptu]]></category>
		<category><![CDATA[modal]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html</guid>
		<description><![CDATA[jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html' rel='bookmark' title='Permanent Link: jQuery BlockUI Plugin'>jQuery BlockUI Plugin</a> <small> It is a unique jquery plugin to prevent the...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<blockquote><p>jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way.</p></blockquote>
<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2009/01/impromptu.jpg" /></p>
<p>This is a good plugin to replace alert() and confirm() methods using callback functions. Fully stylabe using CSS. Lots of examples are shown in the site.<span id="more-137"></span></p>
<p><b>Suggested enhancement</b></p>
<p>Need to support draggable functionality. </p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6KB</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Apache License)</td>
</tr>
<tr>
<th>Demo &amp; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://trentrichardson.com/Impromptu/index.php">Open</a> | <a class="opennew" href="http://trentrichardson.com/Impromptu/index.php" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html' rel='bookmark' title='Permanent Link: jQuery BlockUI Plugin'>jQuery BlockUI Plugin</a> <small> It is a unique jquery plugin to prevent the...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sexy Alert Box for Mootools</title>
		<link>http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html</link>
		<comments>http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html#comments</comments>
		<pubDate>Mon, 24 Nov 2008 07:54:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[confirm]]></category>
		<category><![CDATA[dialog box]]></category>
		<category><![CDATA[modal box]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html</guid>
		<description><![CDATA[
It is an excellent script to replace the javascript alert() function. It has good animation effects and lot of customization options. 
Advantages

Nice animation effect
Customizable
Good replacement for alert() and confirm()




Dependencies
Mootools


Size
6 KB (mootools extra)


Restrictions
None (Free to use on any site)



For demo and download, please check the links
Open Demo (the language is not English) &#124; Open demo in [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/sexyalertbox-wwwcodersme-11.jpg" /><br />
It is an excellent script to replace the javascript alert() function. It has good animation effects and lot of customization options. <span id="more-35"></span></p>
<p><b>Advantages</b></p>
<ul>
<li>Nice animation effect</li>
<li>Customizable</li>
<li>Good replacement for alert() and confirm()</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>Mootools</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6 KB (mootools extra)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links<br />
<a class="opensame" rel="shadowbox" href="http://www.coders.me/ejemplos/sexy-alert-box/">Open Demo (the language is not English)</a> | <a class="opennew" href="http://translate.google.com/translate?hl=en&amp;u=http%3A%2F%2Fwww.coders.me%2Fejemplos%2Fsexy-alert-box%2F&amp;sl=es&amp;tl=en" target="_blank">Open demo in new window (google translated)</a> |  <a class="opennew" href="http://woork.blogspot.com/2008/08/design-stunning-alert-box-using.html" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Three jQuery modal plugins to repace alert and confirm</title>
		<link>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html</link>
		<comments>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html#comments</comments>
		<pubDate>Tue, 18 Nov 2008 07:09:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[confirm]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html</guid>
		<description><![CDATA[
alert() and confirm() are two javascript functions that you should not use in your web 2.0 sites   . The main problem with these are the way those blocks the user from interacting with browser. They are modal in behaviour, that means the user should take an action before he can do anything with [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/modal-windows.gif" /></p>
<p>alert() and confirm() are two javascript functions that you should not use in your web 2.0 sites <img src='http://cool-javascripts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . The main problem with these are the way those blocks the user from interacting with browser. They are modal in behaviour, that means the user should take an action before he can do anything with browser. He can&#8217;t even switch to another tab. Here, we suggest three jQuery plugins to ditch the notorious alert() function.</p>
<p>They are jQuery Modal Dialog, jqModal, jQuery SimpleModal <span id="more-32"></span></p>
<h3>jQuery Modal Dialog</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/jquery-modal1.gif" /><br />
Unlike many modal scripts (which are coded to show any type of contents along with modal dialog support), this plugin is just made to show messages to the user and a complete replacement for javascript alert() and confirm. </p>
<p>By default it supports 4 types of messages &#8211; error, warning, success and prompt. The styles are highly customizable. One feature I liked in this is the built in support for auto close option. It is a very useful feature. For eg: To show a success message for 5 seconds and close the message automatically.<br />
<b><br />
Advantages<br />
</b></p>
<ul>
<li>Highly customizable</li>
<li>Supports error, warning, success and prompt messages</li>
<li>Auto Close option</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links </p>
<p><a class="opensame" rel="shadowbox" href="http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/">Open Demo</a> | <a class="opennew" href="http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://plugins.jquery.com/project/modaldialog" target="_blank">Support page</a>
</p>
<h3>jqModal</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/jqmodal-minimalistic-modaling-for-jquery.jpg" /></p>
<blockquote><p>jqModal is a plugin for <a href="http://jquery.com/">jQuery</a> to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a &#8220;Swiss Army Knife&#8221;, and makes a great base as a general purpose windowing framework.
</p></blockquote>
<p> As the author claims, it is a good script to show messages to the user. It can be used to replace the alert() and confirm() javascript functions. </p>
<p>Advantages</p>
<ul>
<li>Highly customizable</li>
<li>Can show Ajax/Iframe content</li>
<li>Can replace alert() and confirm()</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 4KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links  </p>
<p><a class="opensame" rel="shadowbox" href="http://dev.iceburg.net/jquery/jqModal/#examples">Open Demo</a> | <a class="opennew" href="http://dev.iceburg.net/jquery/jqModal/#examples" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://dev.iceburg.net/jquery/jqModal/#where" target="_blank">Download</a>
</p>
<h3>SimpleModal</h3>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/simplemodal-demos.jpg" /></p>
<blockquote><p>SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.</p>
<p>The goal of SimpleModal is to provide developers with a cross-browser overlay and container that will be populated with data provided.</p></blockquote>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">6KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links  </p>
<p><a class="opensame" rel="shadowbox" href="http://www.ericmmartin.com/simplemodal/">Open Demo</a> | <a class="opennew" href="http://www.ericmmartin.com/simplemodal/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://www.ericmmartin.com/projects/simplemodal/" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery BlockUI Plugin</title>
		<link>http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html</link>
		<comments>http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html#comments</comments>
		<pubDate>Fri, 24 Oct 2008 13:21:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[block UI]]></category>
		<category><![CDATA[dialog]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html</guid>
		<description><![CDATA[
It is a unique jquery plugin to prevent the user from clicking on page elements. For eg:, we may use this script to prevent the repeated clicking on submit button, wait for an Ajax response etc. 
Advantages


Entire page or a single element can be blocked
Styles can be customized
Can be used to replace javascript alert() and [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/12/blockui.gif" /></p>
<p>It is a unique jquery plugin to prevent the user from clicking on page elements. For eg:, we may use this script to prevent the repeated clicking on submit button, wait for an Ajax response etc. <span id="more-25"></span></p>
<p><b>Advantages<br />
</b></p>
<ul>
<li>Entire page or a single element can be blocked</li>
<li>Styles can be customized</li>
<li>Can be used to replace javascript alert() and confirm() functions</li>
<li>Lots of examples given
</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 12KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links <br />
<a class="opensame" rel="shadowbox" href="http://malsup.com/jquery/block/#demos">Open Demo</a> | <a class="opennew" href="http://malsup.com/jquery/block/#demos" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://malsup.com/jquery/block/#download" target="_blank">Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/jquery-impromptu-alert-and-confirm-replacement-with-form-support.html' rel='bookmark' title='Permanent Link: jQuery Impromptu &#8211; alert and confirm replacement with form support'>jQuery Impromptu &#8211; alert and confirm replacement with form support</a> <small>jQuery Impromptu is an extention to help provide a more...</small></li><li><a href='http://cool-javascripts.com/modal-windows/three-jquery-modal-plugins-to-repace-alert-and-confirm.html' rel='bookmark' title='Permanent Link: Three jQuery modal plugins to repace alert and confirm'>Three jQuery modal plugins to repace alert and confirm</a> <small> alert() and confirm() are two javascript functions that you...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highslide &#8211; The best image gallery script?</title>
		<link>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</link>
		<comments>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html#comments</comments>
		<pubDate>Fri, 03 Oct 2008 09:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image viewer]]></category>
		<category><![CDATA[modal window]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</guid>
		<description><![CDATA[
Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0
Unlike many other libraries, multiple images can be opened at the same time. And a user can [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/12/highslide-demo.jpg" /><br />
Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0</p>
<p>Unlike many other libraries, multiple images can be opened at the same time. And a user can arrange the images as he wish on the browser. So it is definitly more usable than image gallery script that can show only one image &#8211; typical example is lightbox effect (opening the next closes the current).</p>
<p>The animation is also brilliant. Very smooth zooming of images. To open an image, you just need to click and to close, click on it again (Customizable in different ways). If you want to open two images, just click on the required images and those two will be popped up. Opening one image does not close the other. </p>
<p>Advantages:</p>
<ul>
<li>Stand alone javascript. Does not need a library.</li>
<li>The most user friendly way to show images</li>
<li>Good effects</li>
<li>Can show HTML, AJAX content or Flash.</li>
<li>Can open multiple images</li>
<li>The opened image windows are draggable so that the user can arrange it in anyway. This is very useful if you want to compare two images.</li>
<li>Creative Commons License &#8211; Free for personal use</li>
</ul>
<p>Disadvantages:</p>
<ul>
<li>Not free for commercial sites. Requries a license. It can be purchased for one site or unlimited</li>
</ul>
<p>The author has given good documentation and examples in his site <a target="_blank" href="http://highslide.com">highslide.com</a> </p>
<p>Another cool site to check out is, <a target="_blank" href="http://youflow.finnrudolph.de/">http://youflow.finnrudolph.de</a>. The author has successfully combined coverflow, youtube API and highslide to create a good mashup.<br />
<b><br />
Is it the best?</b></p>
<p>Well, I think it has improved a lot. Using this script you can completely avoid browser popup windows. The ability to show images and non image (html, iframe) contents in a more userfriendly way makes it one of the best script ever made. The only drawback I see is the license. What do you think?</p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shadow box</title>
		<link>http://cool-javascripts.com/modal-windows/shadow-box.html</link>
		<comments>http://cool-javascripts.com/modal-windows/shadow-box.html#comments</comments>
		<pubDate>Tue, 24 Jun 2008 14:16:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[image viewer]]></category>
		<category><![CDATA[media player]]></category>
		<category><![CDATA[modal dialog]]></category>
		<category><![CDATA[pop up]]></category>
		<category><![CDATA[shadow box]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/shadow-box.html</guid>
		<description><![CDATA[
Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page.

This is a multi purpose pop up functionality like thickbox, graybox etc. Unlike many(for eg: thickbox), it doesn&#8217;t depend [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html' rel='bookmark' title='Permanent Link: Highslide &#8211; The best image gallery script?'>Highslide &#8211; The best image gallery script?</a> <small> Highslide is a standalone javascript library created mainly for...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/effects/image-flow-09.html' rel='bookmark' title='Permanent Link: Image Flow 0.9'>Image Flow 0.9</a> <small> Image flow is inspired by Apple&#8217;s cover flow. The...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/06/shadow-box.jpg" /></p>
<p>Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page.</p>
<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/06/sample-shadow.jpg" /></p>
<p>This is a multi purpose pop up functionality like thickbox, graybox etc. Unlike many(for eg: thickbox), it doesn&#8217;t depend on a javascript library like <b>jquery</b> or <b>mootools</b>. So it is easier to integrate on any site without worrying dependencies.</p>
<p class='info'><b>Advantages</b></p>
<ul>
<li>XHTML compliant</li>
<li>Highly configurable</li>
<li>Can be used to display any media including SWF, Videos, images, sites etc</li>
<li>Remains focused irrespective of scroll
</li>
<li>GPL Licence &#8211; Can be freely used/modified in any site</li>
<li>Skinnable
</li>
</ul>
<p class='info'><b>Specifications</b></p>
<table>
<tr>
<th>
Dependencies</th>
<td>None (Can be implemented using any library (Jquery, mootools, prototype etc) using the accompanied script or even without any library support)</td>
</tr>
<tr>
<th>Size</th>
<td class='alt'>Less than 30KB (compressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL license)</td>
</tr>
</table>
<p class='download'>
<a class='opensame' rel="shadowbox" href="http://mjijackson.com/shadowbox/">Open</a>  | <a class='opennew' href="http://mjijackson.com/shadowbox/" target="_blank">Open in new window</a> <a class="performancingtags" href="http://technorati.com/tag/effects" rel="tag"><br />
</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html' rel='bookmark' title='Permanent Link: Highslide &#8211; The best image gallery script?'>Highslide &#8211; The best image gallery script?</a> <small> Highslide is a standalone javascript library created mainly for...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/effects/image-flow-09.html' rel='bookmark' title='Permanent Link: Image Flow 0.9'>Image Flow 0.9</a> <small> Image flow is inspired by Apple&#8217;s cover flow. The...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/shadow-box.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
