<?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>Gaya Design &#187; panorama</title>
	<atom:link href="http://www.gayadesign.com/tag/panorama/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gayadesign.com</link>
	<description>PHP, CSS, xhtml, javascript / jquery tutorials</description>
	<lastBuildDate>Mon, 06 Feb 2012 11:09:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>jQuery convertion: Panoramic Photoviewer in Javascript</title>
		<link>http://www.gayadesign.com/diy/jquery-convertion-panoramic-photoviewer-in-javascript/</link>
		<comments>http://www.gayadesign.com/diy/jquery-convertion-panoramic-photoviewer-in-javascript/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 19:24:27 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[panoramic]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=252</guid>
		<description><![CDATA[This is part two of my script convertions. From <a href="http://script.aculo.us/">scriptaculous</a> to <a href="http://jquery.com">jQuery</a> in just a few minutes of work. This time it's the <a href="http://www.gayadesign.com/diy/panoramic-photoviewer-in-javascript/">Panoramic Photoviewer</a> to get a <a href="http://www.gayadesign.com/diy/jquery-convertion-panoramic-photoviewer-in-javascript/">jQuery makeover</a>.

<strong>A few highlights:</strong>
From 200 to 80 lines of code (wow).
Works in more browsers.
Lightweight due to jQuery usage.

<strong>For all the jQuery lovers: Here is the Panoramic Photoviewer. Now in jQuery!</strong>

<a class="border" href="http://www.gayadesign.com/diy/jquery-convertion-panoramic-photoviewer-in-javascript/"><img class="aligncenter size-full wp-image-254" title="jqueryphotonav" src="http://www.gayadesign.com/wp-content/uploads/2009/04/jqueryphotonav.jpg" alt="jqueryphotonav" width="532" height="234" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/jquery-convertion-panoramic-photoviewer-in-javascript/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Lightbox + PhotoNav = LightNav</title>
		<link>http://www.gayadesign.com/diy/lightbox-photonav-lightnav/</link>
		<comments>http://www.gayadesign.com/diy/lightbox-photonav-lightnav/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 14:02:55 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[panoramic]]></category>
		<category><![CDATA[photonav]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://dev.gayadesign.nl/?p=91</guid>
		<description><![CDATA[If you've been around the web for a while, you might have heard of <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox</a>. And if you used it, you might also know the limitations.

One of those limitations is of course the fact that an image wider than your screen goes out of bounds. Very annoying! And it creates ugly scrolbars.

As you might know, I have created a <a href="http://gayadesign.nl/post/4/">Panoramic Photoviewer in Javascript</a> to fix the problem of images going out of bounds. And I thought to myself: "Why not try and implement PhotoNav on top of Lightbox?". With this, even super large images would be viewable.

I created LightNav for this. It runs along Lightbox without changing the script, so you can always update Lightbox if needed.
<div class="border"><a href="http://www.gayadesign.com/diy/lightbox-photonav-lightnav/"><img class="aligncenter size-full wp-image-92" title="lightnav" src="http://www.gayadesign.com/wp-content/uploads/2009/03/lightnav.jpg" alt="lightnav" width="532" height="354" /></a></div>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/lightbox-photonav-lightnav/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

