<?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>ExtraTuts &#187; lightbox</title>
	<atom:link href="http://www.extratuts.com/tag/lightbox/feed" rel="self" type="application/rss+xml" />
	<link>http://www.extratuts.com</link>
	<description>ExtraTuts is a place where you&#039;ll find a daily updated best of the best resources in websites development and design. Our goal is to deliver you all you need to extend your creativity and enhance your job capabilities by tons of high quality and free  tutorials, resources in web design and development.</description>
	<lastBuildDate>Sun, 05 Sep 2010 15:48:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>+15 useful ajax lightbox solutions</title>
		<link>http://www.extratuts.com/useful-ajax-lightbox-solutions</link>
		<comments>http://www.extratuts.com/useful-ajax-lightbox-solutions#comments</comments>
		<pubDate>Sun, 27 Dec 2009 15:50:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[solutions]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=776</guid>
		<description><![CDATA[Lightbox or Modal dialog  is one of ajax creative solutions that helps you displaying any desired contents like images, galleries, flash movies , films of any formats and forms in the already loaded page itself. This solution overcome the constraint of pop ups that are blocked by any of well secured internet browser. The main [...]


Related posts:<ol><li><a href='http://www.extratuts.com/best-25-ajax-photo-sliding-solutions' rel='bookmark' title='Permanent Link: BEST 25 ajax photo sliding solutions'>BEST 25 ajax photo sliding solutions</a></li>
<li><a href='http://www.extratuts.com/lightbox-futurebox-without-using-javascript' rel='bookmark' title='Permanent Link: Lightbox , Futurebox Without Using JavaScript'>Lightbox , Futurebox Without Using JavaScript</a></li>
<li><a href='http://www.extratuts.com/amazing-jquery-tabs-tutorials' rel='bookmark' title='Permanent Link: 15 amazing jquery tabs tutorials'>15 amazing jquery tabs tutorials</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fuseful-ajax-lightbox-solutions"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fuseful-ajax-lightbox-solutions&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Lightbox or Modal dialog  is one of ajax creative solutions that helps you displaying any desired contents like images, galleries, flash movies , films of any formats and forms in the already loaded page itself. This solution overcome the constraint of pop ups that are blocked by any of well secured internet browser. The main advantage <span id="more-776"></span>of using lightbox method is that you will be able to load only the relevant content in the specific box without needing to reload the whole page again, which decreases the loading time for more comfort browsing purposes.</p>
<p>Below here are a great useful chunk of light box solutions.</p>
<h2><span style="color: #99ccff;"><a href="http://www.phatfusion.net/multibox/">1.multi-box</a></span></h2>
<p><a href="http://www.phatfusion.net/multibox/"><img class="size-full wp-image-781 alignnone" title="1" src="http://www.extratuts.com/wp-content/uploads/2009/12/1.jpg" alt="1" width="500" height="300" /></a></p>
<p>This one  supports images, flash, video, mp3s, html.</p>
<h2><a href="http://orangoo.com/labs/GreyBox/">2.GreyBox</a></h2>
<p><span style="color: #99ccff;"><a href="http://www.extratuts.com/wp-content/uploads/2009/12/2.jpg"><img class="size-full wp-image-782 alignnone" title="2" src="http://www.extratuts.com/wp-content/uploads/2009/12/2.jpg" alt="2" width="500" height="300" /></a><br />
</span></p>
<p>This GreyBox can be used to display websites, images and other content easily. It is small, fast and easy to be used by anyone.</p>
<h2><span style="color: #99ccff;"><a href="http://www.nickstakenburg.com/projects/lightview/">3.LightView</a></span></h2>
<h2><a href="http://www.nickstakenburg.com/projects/lightview/"></a></h2>
<p><img class="size-full wp-image-783 alignnone" title="3" src="http://www.extratuts.com/wp-content/uploads/2009/12/3.jpg" alt="3" width="500" height="300" /></p>
<p>It&#8217;s considered one of the easiest lightboxes since it&#8217;s easily customized, looks great, resizes contents automatically to fit your screen.</p>
<h2><a href="http://www.digitalia.be/software/slimbox2#demo">4.SlimBox2</a></h2>
<p><a href="http://www.digitalia.be/software/slimbox2#demo"><span style="color: #99ccff;"> </span></a><a href="http://www.digitalia.be/software/slimbox2#demo"><img class="aligncenter size-full wp-image-784" title="4" src="http://www.extratuts.com/wp-content/uploads/2009/12/4.jpg" alt="4" width="500" height="300" /></a></p>
<p>It&#8217;s very small, efficient, standards-friendly, fully customizable.</p>
<h2><a href="http://jqueryui.com/demos/dialog/">5.Dialog</a></h2>
<h2 style="text-align: center;"><a href="http://jqueryui.com/demos/dialog/"><img class="aligncenter size-full wp-image-785" title="5" src="http://www.extratuts.com/wp-content/uploads/2009/12/5.jpg" alt="5" width="500" height="300" /></a></h2>
<p>It&#8217;s suitable to display information, also it could be moved and resized to the desired way.</p>
<h2><a href="http://prototype-window.xilinus.com/samples.html">6.prototype window</a></h2>
<h2><a href="http://prototype-window.xilinus.com/samples.html"><img class="aligncenter size-full wp-image-786" title="6" src="http://www.extratuts.com/wp-content/uploads/2009/12/6.jpg" alt="6" width="500" height="300" /></a></h2>
<p>A group of codes that enables you to load different things in your current page such different dialogs and windows.</p>
<h2><a href="http://mochaui.com/">7.MochaUI</a></h2>
<h2><a href="http://mochaui.com/"><img class="aligncenter size-full wp-image-787" title="7" src="http://www.extratuts.com/wp-content/uploads/2009/12/7.jpg" alt="7" width="500" height="300" /></a></h2>
<p>It&#8217;s web applications user interface library built on the Mootools JavaScript framework That used for Web Applications, Web Desktops,Web Sites, Widgets, Standalone Windows and Modal Dialogs</p>
<h2><a href="http://famspam.com/facebox/">8.facebox</a></h2>
<h2 style="text-align: left;"><a href="http://famspam.com/facebox/"><img class="aligncenter size-full wp-image-788" title="8" src="http://www.extratuts.com/wp-content/uploads/2009/12/8.jpg" alt="8" width="500" height="300" /></a></h2>
<p style="text-align: left;">Another jQuery-based application that has facebook style that you could use to display images, divs, or entire remote pages.</p>
<p style="text-align: left;">
<h2 style="text-align: left;"><a href="http://onehackoranother.com/projects/jquery/boxy/">9.Boxy</a></h2>
<h2 style="text-align: left;"><a href="http://onehackoranother.com/projects/jquery/boxy/"><img class="aligncenter size-full wp-image-789" title="8" src="http://www.extratuts.com/wp-content/uploads/2009/12/81.jpg" alt="8" width="500" height="300" /></a></h2>
<p style="text-align: left;">Facebook-style dialog box for jQuery that could be edited, moved and resized.</p>
<p style="text-align: left;">
<h2 style="text-align: left;"><a href="http://okonet.ru/projects/modalbox/">10.Modalbox</a></h2>
<p><a href="http://okonet.ru/projects/modalbox/"><img class="aligncenter size-full wp-image-790" title="10" src="http://www.extratuts.com/wp-content/uploads/2009/12/10.jpg" alt="10" width="500" height="300" /></a></p>
<h2><a href="http://www.stickmanlabs.com/lightwindow/">11.LightWindow v2.0</a></h2>
<h2><a href="http://www.stickmanlabs.com/lightwindow/"><img class="aligncenter size-full wp-image-792" title="11" src="http://www.extratuts.com/wp-content/uploads/2009/12/11.jpg" alt="11" width="500" height="300" /></a></h2>
<p>different types of lightboxes that you could be use for different purposes, as you will see you could use it for loading any content in your current page such as movies,images, flash movies and more. It&#8217;s compatible with all known browsers.</p>
<h2><a href="http://www.ericmmartin.com/projects/simplemodal-demos/">12.simplemoda</a></h2>
<h2><a href="http://www.ericmmartin.com/projects/simplemodal-demos/"><img class="aligncenter size-full wp-image-793" title="12" src="http://www.extratuts.com/wp-content/uploads/2009/12/12.jpg" alt="12" width="500" height="300" /></a></h2>
<p>awesome group of modal boxes that could be used for loading almost anything to you page like Dialog, Contact Form and Confirmation Override.</p>
<h2><a href="http://stimuli.ca/lightbox/">13.Lightbox 2.8.0 plugin for WordPress</a></h2>
<h2><a href="http://stimuli.ca/lightbox/"><img class="aligncenter size-full wp-image-794" title="13" src="http://www.extratuts.com/wp-content/uploads/2009/12/13.jpg" alt="13" width="500" height="300" /></a></h2>
<p>Another solution from lightbox helpful for wordpress users, this one makes  you present images in a slick window, while darkening the rest of the page in professional way easily.</p>
<h2><a href="http://web-argument.com/flexible-lightbox/">14.Flexible Lightbox</a></h2>
<p><a href="http://web-argument.com/flexible-lightbox/"><img class="aligncenter size-full wp-image-795" title="14" src="http://www.extratuts.com/wp-content/uploads/2009/12/14.jpg" alt="14" width="500" height="300" /></a></p>
<p>useful wordpress plugin used for displaying images in very good looking way.</p>
<h2><a href="http://www.shadowbox-js.com/">15.Shadowbox</a></h2>
<h2><a href="http://www.shadowbox-js.com/"><img class="aligncenter size-full wp-image-797" title="15" src="http://www.extratuts.com/wp-content/uploads/2009/12/15.jpg" alt="15" width="500" height="300" /></a></h2>
<p>Magnificent application that you could consider it a player for any type of media that can be displayed in a web page, it looks wonderful, customizable and very useful.</p>
<h2><a href="http://www.huddletogether.com/projects/lightbox2/">16.Lightbox 2</a></h2>
<h2 style="text-align: left;"><a href="http://www.huddletogether.com/projects/lightbox2/"><img class="aligncenter size-full wp-image-799" title="16" src="http://www.extratuts.com/wp-content/uploads/2009/12/16.jpg" alt="16" width="500" height="300" /></a></h2>
<p style="text-align: left;">Great application used to overlay images in your current page with sleek transitions and fancy shapes. Also it groups related images to be displayed as gallery.</p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/best-25-ajax-photo-sliding-solutions' rel='bookmark' title='Permanent Link: BEST 25 ajax photo sliding solutions'>BEST 25 ajax photo sliding solutions</a></li>
<li><a href='http://www.extratuts.com/lightbox-futurebox-without-using-javascript' rel='bookmark' title='Permanent Link: Lightbox , Futurebox Without Using JavaScript'>Lightbox , Futurebox Without Using JavaScript</a></li>
<li><a href='http://www.extratuts.com/amazing-jquery-tabs-tutorials' rel='bookmark' title='Permanent Link: 15 amazing jquery tabs tutorials'>15 amazing jquery tabs tutorials</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/useful-ajax-lightbox-solutions/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Lightbox , Futurebox Without Using JavaScript</title>
		<link>http://www.extratuts.com/lightbox-futurebox-without-using-javascript</link>
		<comments>http://www.extratuts.com/lightbox-futurebox-without-using-javascript#comments</comments>
		<pubDate>Fri, 07 Aug 2009 05:53:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Futurebox]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Xhtml]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=253</guid>
		<description><![CDATA[Now you are not in need to learn JavaScript or to use it to make a lightbox , because this tutorial is going to shwo you how to make a lightbox without using JavaScript , only  CSS &#38; Xhml . Related posts:How To Create a Beautiful Dropdown Blogroll Without Javascript +15 useful ajax lightbox solutions [...]


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-create-a-beautiful-dropdown-blogroll-without-javascript' rel='bookmark' title='Permanent Link: How To Create a Beautiful Dropdown Blogroll Without Javascript'>How To Create a Beautiful Dropdown Blogroll Without Javascript</a></li>
<li><a href='http://www.extratuts.com/useful-ajax-lightbox-solutions' rel='bookmark' title='Permanent Link: +15 useful ajax lightbox solutions'>+15 useful ajax lightbox solutions</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Flightbox-futurebox-without-using-javascript"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Flightbox-futurebox-without-using-javascript&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Now you are not in need to learn JavaScript or to use it to make a lightbox , because this tutorial is going to shwo you how to make a lightbox without using JavaScript , only  CSS &amp; Xhml .</p>
<p style="text-align: center;"><span id="more-253"></span></p>
<p style="text-align: center;"><a href="http://www.thecssninja.com/xhtml/futurebox"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial26.jpg" alt="Lightbox Without Using JavaScript" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-create-a-beautiful-dropdown-blogroll-without-javascript' rel='bookmark' title='Permanent Link: How To Create a Beautiful Dropdown Blogroll Without Javascript'>How To Create a Beautiful Dropdown Blogroll Without Javascript</a></li>
<li><a href='http://www.extratuts.com/useful-ajax-lightbox-solutions' rel='bookmark' title='Permanent Link: +15 useful ajax lightbox solutions'>+15 useful ajax lightbox solutions</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/lightbox-futurebox-without-using-javascript/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
