<?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; shadow box</title>
	<atom:link href="http://cool-javascripts.com/tag/shadow-box/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Tue, 22 Mar 2011 14:35:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<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 [...]


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>

