<?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>Jquery Labs &#187; Full Screen</title>
	<atom:link href="http://www.jquerylabs.com/tag/full-screen/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jquerylabs.com</link>
	<description>jQuery Plugins</description>
	<lastBuildDate>Thu, 09 Sep 2010 10:00:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>World of Solitaire</title>
		<link>http://www.jquerylabs.com/world-of-solitaire.html</link>
		<comments>http://www.jquerylabs.com/world-of-solitaire.html#comments</comments>
		<pubDate>Fri, 30 Apr 2010 11:00:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Board]]></category>
		<category><![CDATA[Card]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[cosmicrealms]]></category>
		<category><![CDATA[Deal]]></category>
		<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Follow]]></category>
		<category><![CDATA[Full Screen]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Line]]></category>
		<category><![CDATA[Multiple]]></category>
		<category><![CDATA[Round]]></category>
		<category><![CDATA[Solitaire]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=1540</guid>
		<description><![CDATA[World of Solitaire has over 40 Solitaire games in beautiful full screen glory. It has all the features you&#8217;d expect from a top of the line Solitaire program. Statistics, leaderboards, undo, multiple decks, customizable backgrounds, animation and more. Best of all, it&#8217;s 100% JavaScript Demostration Demo Page Documentation Documentation Page Bunu paylaş:Facebook Bunu Tweet'le! Bunu [...]]]></description>
			<content:encoded><![CDATA[<p>World of Solitaire has over 40 Solitaire games in beautiful full screen glory. It has all the features you&#8217;d expect from a top of the line Solitaire program. Statistics, leaderboards, undo, multiple decks, customizable backgrounds, animation and more.</p>
<p>Best of all, it&#8217;s 100% JavaScript <img src='http://www.jquerylabs.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Demostration<br />
<a rel="nofollow" href="http://worldofsolitaire.com/" target="_blank">Demo Page</a></p>
<p>Documentation<br />
<a rel="nofollow" href="http://www.chromeexperiments.com/detail/world-of-solitaire/" target="_blank">Documentation Page</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/world-of-solitaire.html&amp;t=World+of+Solitaire" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=World+of+Solitaire+-+http://b2l.me/wrq4a&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=World+of+Solitaire&amp;link=http://www.jquerylabs.com/world-of-solitaire.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/world-of-solitaire.html&amp;t=World+of+Solitaire" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire&amp;summary=World%20of%20Solitaire%20has%20over%2040%20Solitaire%20games%20in%20beautiful%20full%20screen%20glory.%20It%20has%20all%20the%20features%20you%27d%20expect%20from%20a%20top%20of%20the%20line%20Solitaire%20program.%20Statistics%2C%20leaderboards%2C%20undo%2C%20multiple%20decks%2C%20customizable%20backgrounds%2C%20animation%20and%20more.%0D%0A%0D%0ABest%20of%20all%2C%20it%27s%20100%25%20JavaScript%20%3A%29%0D%0A%0D%0ADemos&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/world-of-solitaire.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/world-of-solitaire.html&amp;title=World+of+Solitaire" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/world-of-solitaire.html&amp;submitHeadline=World+of+Solitaire&amp;submitSummary=World%20of%20Solitaire%20has%20over%2040%20Solitaire%20games%20in%20beautiful%20full%20screen%20glory.%20It%20has%20all%20the%20features%20you%27d%20expect%20from%20a%20top%20of%20the%20line%20Solitaire%20program.%20Statistics%2C%20leaderboards%2C%20undo%2C%20multiple%20decks%2C%20customizable%20backgrounds%2C%20animation%20and%20more.%0D%0A%0D%0ABest%20of%20all%2C%20it%27s%20100%25%20JavaScript%20%3A%29%0D%0A%0D%0ADemos&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/animation" title="Animation" rel="tag">Animation</a>, <a href="http://www.jquerylabs.com/tag/background" title="Background" rel="tag">Background</a>, <a href="http://www.jquerylabs.com/tag/board" title="Board" rel="tag">Board</a>, <a href="http://www.jquerylabs.com/tag/card" title="Card" rel="tag">Card</a>, <a href="http://www.jquerylabs.com/tag/chrome" title="Chrome" rel="tag">Chrome</a>, <a href="http://www.jquerylabs.com/tag/cosmicrealms" title="cosmicrealms" rel="tag">cosmicrealms</a>, <a href="http://www.jquerylabs.com/tag/deal" title="Deal" rel="tag">Deal</a>, <a href="http://www.jquerylabs.com/tag/experiments" title="Experiments" rel="tag">Experiments</a>, <a href="http://www.jquerylabs.com/tag/follow" title="Follow" rel="tag">Follow</a>, <a href="http://www.jquerylabs.com/tag/full-screen" title="Full Screen" rel="tag">Full Screen</a>, <a href="http://www.jquerylabs.com/tag/game" title="Game" rel="tag">Game</a>, <a href="http://www.jquerylabs.com/tag/jquery-games" title="Games" rel="tag">Games</a>, <a href="http://www.jquerylabs.com/tag/javascript" title="JavaScript" rel="tag">JavaScript</a>, <a href="http://www.jquerylabs.com/tag/line" title="Line" rel="tag">Line</a>, <a href="http://www.jquerylabs.com/tag/multiple" title="Multiple" rel="tag">Multiple</a>, <a href="http://www.jquerylabs.com/tag/round" title="Round" rel="tag">Round</a>, <a href="http://www.jquerylabs.com/tag/solitaire" title="Solitaire" rel="tag">Solitaire</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/videopicture-puzzle.html" title="Video/Picture Puzzle (01 Mayıs 2010)">Video/Picture Puzzle</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/keyboard-with-css-and-jquery.html" title="Keyboard with CSS and jQuery (31 Ocak 2010)">Keyboard with CSS and jQuery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/twitch-jquery-game.html" title="Twitch &#8211; jQuery Game (13 Nisan 2010)">Twitch &#8211; jQuery Game</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/sprite-animation-plugin.html" title="Sprite Animation Plugin (26 Kasım 2009)">Sprite Animation Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/online-html-editor.html" title="Online HTML Editor (13 Şubat 2010)">Online HTML Editor</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/world-of-solitaire.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Supersized jQuery Plugin</title>
		<link>http://www.jquerylabs.com/supersized-jquery-plugin.html</link>
		<comments>http://www.jquerylabs.com/supersized-jquery-plugin.html#comments</comments>
		<pubDate>Fri, 01 Jan 2010 17:14:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Image Gallery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[buildinternet]]></category>
		<category><![CDATA[Button]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[Cycle]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Full Screen]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Round]]></category>
		<category><![CDATA[Show]]></category>
		<category><![CDATA[Slide]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Slideshow]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Window]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=777</guid>
		<description><![CDATA[Supersized – Full Screen Background/Slideshow jQuery Plugin]]></description>
			<content:encoded><![CDATA[<h3>Supersized – Full Screen Background/Slideshow jQuery Plugin</h3>
<p>This plugin is similar to the Full Screen Image Gallery above, with one major difference: You can use your own images rather than a Flickr image gallery. It resizes images to fill the <a href="http://www.jquerylabs.com/tag/window" class="st_tag internal_tag" rel="tag" title="Posts tagged with Window">window</a> browser while maintaining the images dimension ratio, it will cycles preloaded images with transitions via the slideshow function, you can navigate through the images by using the pause/play and forward/back buttons.</p>
<p>Demostration<br />
<a href="http://www.buildinternet.com/project/supersized/default.php" target="_blank">Demo Page</a></p>
<p>Download<br />
<a href="http://www.buildinternet.com/project/supersized/supersized2.zip" target="_blank">supersized2.zip</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;t=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Supersized+jQuery+Plugin+-+http://b2l.me/xe6b5&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Supersized+jQuery+Plugin&amp;link=http://www.jquerylabs.com/supersized-jquery-plugin.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;t=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin&amp;summary=Supersized%20%E2%80%93%20Full%20Screen%20Background%2FSlideshow%20jQuery%20Plugin&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;title=Supersized+jQuery+Plugin" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/supersized-jquery-plugin.html&amp;submitHeadline=Supersized+jQuery+Plugin&amp;submitSummary=Supersized%20%E2%80%93%20Full%20Screen%20Background%2FSlideshow%20jQuery%20Plugin&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/background" title="Background" rel="tag">Background</a>, <a href="http://www.jquerylabs.com/tag/browser" title="Browser" rel="tag">Browser</a>, <a href="http://www.jquerylabs.com/tag/buildinternet" title="buildinternet" rel="tag">buildinternet</a>, <a href="http://www.jquerylabs.com/tag/button" title="Button" rel="tag">Button</a>, <a href="http://www.jquerylabs.com/tag/buttons" title="buttons" rel="tag">buttons</a>, <a href="http://www.jquerylabs.com/tag/cycle" title="Cycle" rel="tag">Cycle</a>, <a href="http://www.jquerylabs.com/tag/flickr" title="Flickr" rel="tag">Flickr</a>, <a href="http://www.jquerylabs.com/tag/full-screen" title="Full Screen" rel="tag">Full Screen</a>, <a href="http://www.jquerylabs.com/tag/gallery" title="Gallery" rel="tag">Gallery</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/image-gallery" title="Image Gallery" rel="tag">Image Gallery</a>, <a href="http://www.jquerylabs.com/tag/images" title="images" rel="tag">images</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/php" title="Php" rel="tag">Php</a>, <a href="http://www.jquerylabs.com/tag/plugins" title="Plugins" rel="tag">Plugins</a>, <a href="http://www.jquerylabs.com/tag/round" title="Round" rel="tag">Round</a>, <a href="http://www.jquerylabs.com/tag/show" title="Show" rel="tag">Show</a>, <a href="http://www.jquerylabs.com/tag/slide" title="Slide" rel="tag">Slide</a>, <a href="http://www.jquerylabs.com/tag/slider" title="Slider" rel="tag">Slider</a>, <a href="http://www.jquerylabs.com/tag/slideshow" title="Slideshow" rel="tag">Slideshow</a>, <a href="http://www.jquerylabs.com/tag/ui" title="UI" rel="tag">UI</a>, <a href="http://www.jquerylabs.com/tag/window" title="Window" rel="tag">Window</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/pirobox-jquery-plugin.html" title="Pirobox jQuery Plugin (01 Ocak 2010)">Pirobox jQuery Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/pikachoose-jquery-image-gallery.html" title="Pikachoose jQuery Image Gallery (02 Ocak 2010)">Pikachoose jQuery Image Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/full-screen-image-gallery.html" title="Full Screen Image Gallery (31 Aralık 2009)">Full Screen Image Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-slideviewerpro.html" title="jQuery slideViewerPro (01 Ocak 2010)">jQuery slideViewerPro</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/apple-like-slideshow-gallery.html" title="Apple-like Slideshow Gallery (09 Ocak 2010)">Apple-like Slideshow Gallery</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/supersized-jquery-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Full Screen Image Gallery</title>
		<link>http://www.jquerylabs.com/full-screen-image-gallery.html</link>
		<comments>http://www.jquerylabs.com/full-screen-image-gallery.html#comments</comments>
		<pubDate>Thu, 31 Dec 2009 10:23:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Image Gallery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Auto]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Caption]]></category>
		<category><![CDATA[Captions]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Devkick]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Full Screen]]></category>
		<category><![CDATA[Galleria]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Preloader]]></category>
		<category><![CDATA[Round]]></category>
		<category><![CDATA[Thumbnail]]></category>
		<category><![CDATA[thumbnails]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=742</guid>
		<description><![CDATA[Full Screen Image Gallery Using jQuery and Flickr]]></description>
			<content:encoded><![CDATA[<h3>Full Screen Image Gallery Using jQuery and Flickr</h3>
<p>The Full Screen Image Gallery plugin is full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It comes packaged with a flickr search engine, <a href="http://www.jquerylabs.com/tag/thumbnails" class="st_tag internal_tag" rel="tag" title="Posts tagged with thumbnails">thumbnails</a>, captions, and with a preloader. It basically loads image links one by one and replaces it with a full screen image gallery and it scales the image using CSS only (with some JS for IE6).</p>
<p>Demostration<br />
<a href="http://devkick.com/lab/fsgallery/" target="_blank">Demo Page</a></p>
<p>Download<br />
<a href="http://devkick.com/lab/galleria/jquery.galleria.js" target="_blank">jquery.galleria.js</a><br />
<a href="http://devkick.com/lab/galleria/galleria.css" target="_blank">galleria.css</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;t=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Full+Screen+Image+Gallery+-+http://b2l.me/wsdja&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Full+Screen+Image+Gallery&amp;link=http://www.jquerylabs.com/full-screen-image-gallery.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;t=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery&amp;summary=Full%20Screen%20Image%20Gallery%20Using%20jQuery%20and%20Flickr&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;title=Full+Screen+Image+Gallery" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/full-screen-image-gallery.html&amp;submitHeadline=Full+Screen+Image+Gallery&amp;submitSummary=Full%20Screen%20Image%20Gallery%20Using%20jQuery%20and%20Flickr&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/auto" title="Auto" rel="tag">Auto</a>, <a href="http://www.jquerylabs.com/tag/background" title="Background" rel="tag">Background</a>, <a href="http://www.jquerylabs.com/tag/browser" title="Browser" rel="tag">Browser</a>, <a href="http://www.jquerylabs.com/tag/caption" title="Caption" rel="tag">Caption</a>, <a href="http://www.jquerylabs.com/tag/captions" title="Captions" rel="tag">Captions</a>, <a href="http://www.jquerylabs.com/tag/css" title="Css" rel="tag">Css</a>, <a href="http://www.jquerylabs.com/tag/devkick" title="Devkick" rel="tag">Devkick</a>, <a href="http://www.jquerylabs.com/tag/effects" title="Effects" rel="tag">Effects</a>, <a href="http://www.jquerylabs.com/tag/flickr" title="Flickr" rel="tag">Flickr</a>, <a href="http://www.jquerylabs.com/tag/full-screen" title="Full Screen" rel="tag">Full Screen</a>, <a href="http://www.jquerylabs.com/tag/galleria" title="Galleria" rel="tag">Galleria</a>, <a href="http://www.jquerylabs.com/tag/gallery" title="Gallery" rel="tag">Gallery</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/image-gallery" title="Image Gallery" rel="tag">Image Gallery</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/link" title="Link" rel="tag">Link</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/plugins" title="Plugins" rel="tag">Plugins</a>, <a href="http://www.jquerylabs.com/tag/preloader" title="Preloader" rel="tag">Preloader</a>, <a href="http://www.jquerylabs.com/tag/round" title="Round" rel="tag">Round</a>, <a href="http://www.jquerylabs.com/tag/thumbnail" title="Thumbnail" rel="tag">Thumbnail</a>, <a href="http://www.jquerylabs.com/tag/thumbnails" title="thumbnails" rel="tag">thumbnails</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/supersized-jquery-plugin.html" title="Supersized jQuery Plugin (01 Ocak 2010)">Supersized jQuery Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-slideviewerpro.html" title="jQuery slideViewerPro (01 Ocak 2010)">jQuery slideViewerPro</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/galleria-jquery-plugin.html" title="Galleria jQuery Plugin (31 Aralık 2009)">Galleria jQuery Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/a-jquery-content-gallery-plugin.html" title="A jQuery Content Gallery Plugin (09 Ocak 2010)">A jQuery Content Gallery Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-thumbs-plugin.html" title="jQuery Thumbs Plugin (01 Şubat 2010)">jQuery Thumbs Plugin</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/full-screen-image-gallery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Polaroid Photo Viewer</title>
		<link>http://www.jquerylabs.com/the-polaroid-photo-viewer.html</link>
		<comments>http://www.jquerylabs.com/the-polaroid-photo-viewer.html#comments</comments>
		<pubDate>Fri, 27 Nov 2009 05:31:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[.net]]></category>
		<category><![CDATA[Box]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Comment]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Div]]></category>
		<category><![CDATA[File]]></category>
		<category><![CDATA[Full Screen]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Line]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Marcofolio]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Polaroid]]></category>
		<category><![CDATA[Sign]]></category>
		<category><![CDATA[Viewer]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=342</guid>
		<description><![CDATA[The non-full screen version of the popular Polaroid Photo Viewer with CSS3 and jQuery.]]></description>
			<content:encoded><![CDATA[<h3>The <a href="http://www.jquerylabs.com/tag/polaroid" class="st_tag internal_tag" rel="tag" title="Posts tagged with Polaroid">Polaroid</a> Photo Viewer &#8211; Non-Full Screen</h3>
<p>Pretty fast after I placed the <a href="http://www.jquerylabs.com/tag/polaroid" class="st_tag internal_tag" rel="tag" title="Posts tagged with Polaroid">Polaroid</a> Photo Viewer with CSS3 and jQuery example online, I received loads of e-mails and comments requesting another feature. The original example was only full-screen, but people wanted it to &#8220;stick&#8221; to a box (Placing it inside a div).</p>
<p>By making a couple of changes to the original code, I managed to make this work too. So today, I present you the non-full screen version of the popular <a href="http://www.jquerylabs.com/tag/polaroid" class="st_tag internal_tag" rel="tag" title="Posts tagged with Polaroid">Polaroid</a> Photo Viewer with CSS3 and jQuery.</p>
<hr />
<p>Tutorial<br />
<a href="http://www.marcofolio.net/webdesign/the_polaroid_photo_viewer_non-full_screen.html" target="_blank">Tutorial Page</a></p>
<p>Example<br />
<a href="http://demo.marcofolio.net/polaroid_photo_container/" target="_blank">Live Demo</a></p>
<p>Download<br />
<a href="http://www.marcofolio.net/downloads/webdesign/the_polaroid_photo_viewer_non-full_screen/download.html" target="_blank">Download (Zip File)</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;t=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=The+Polaroid+Photo+Viewer+-+http://b2l.me/xdgvg&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=The+Polaroid+Photo+Viewer&amp;link=http://www.jquerylabs.com/the-polaroid-photo-viewer.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;t=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer&amp;summary=The%20non-full%20screen%20version%20of%20the%20popular%20Polaroid%20Photo%20Viewer%20with%20CSS3%20and%20jQuery.&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;title=The+Polaroid+Photo+Viewer" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/the-polaroid-photo-viewer.html&amp;submitHeadline=The+Polaroid+Photo+Viewer&amp;submitSummary=The%20non-full%20screen%20version%20of%20the%20popular%20Polaroid%20Photo%20Viewer%20with%20CSS3%20and%20jQuery.&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/net" title=".net" rel="tag">.net</a>, <a href="http://www.jquerylabs.com/tag/box" title="Box" rel="tag">Box</a>, <a href="http://www.jquerylabs.com/tag/code" title="Code" rel="tag">Code</a>, <a href="http://www.jquerylabs.com/tag/comment" title="Comment" rel="tag">Comment</a>, <a href="http://www.jquerylabs.com/tag/css" title="Css" rel="tag">Css</a>, <a href="http://www.jquerylabs.com/tag/css3" title="CSS3" rel="tag">CSS3</a>, <a href="http://www.jquerylabs.com/tag/design" title="Design" rel="tag">Design</a>, <a href="http://www.jquerylabs.com/tag/div" title="Div" rel="tag">Div</a>, <a href="http://www.jquerylabs.com/tag/file" title="File" rel="tag">File</a>, <a href="http://www.jquerylabs.com/tag/full-screen" title="Full Screen" rel="tag">Full Screen</a>, <a href="http://www.jquerylabs.com/tag/gallery" title="Gallery" rel="tag">Gallery</a>, <a href="http://www.jquerylabs.com/tag/html" title="Html" rel="tag">Html</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/line" title="Line" rel="tag">Line</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/marcofolio" title="Marcofolio" rel="tag">Marcofolio</a>, <a href="http://www.jquerylabs.com/tag/online" title="Online" rel="tag">Online</a>, <a href="http://www.jquerylabs.com/tag/polaroid" title="Polaroid" rel="tag">Polaroid</a>, <a href="http://www.jquerylabs.com/tag/sign" title="Sign" rel="tag">Sign</a>, <a href="http://www.jquerylabs.com/tag/jquery-tutorials" title="Tutorials" rel="tag">Tutorials</a>, <a href="http://www.jquerylabs.com/tag/viewer" title="Viewer" rel="tag">Viewer</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/polaroid-photo-viewer-with-css3.html" title="Polaroid Photo Viewer with CSS3 (01 Şubat 2010)">Polaroid Photo Viewer with CSS3</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/background-image-slideshow.html" title="background image slideshow (28 Nisan 2010)">background image slideshow</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-thumbnail-with-zooming-image-and-fading-caption-tutorial.html" title="Zooming Image and Fading Caption (23 Kasım 2009)">Zooming Image and Fading Caption</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/sweet-ajax-tabs.html" title="Sweet AJAX Tabs (17 Şubat 2010)">Sweet AJAX Tabs</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-slideviewerpro.html" title="jQuery slideViewerPro (01 Ocak 2010)">jQuery slideViewerPro</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/the-polaroid-photo-viewer.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
