<?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; images</title>
	<atom:link href="http://www.gayadesign.com/tag/images/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>QueryLoader &#8211; preload your website in style</title>
		<link>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/</link>
		<comments>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 11:43:28 +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[preload]]></category>
		<category><![CDATA[preloader]]></category>
		<category><![CDATA[queryLoader]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=489</guid>
		<description><![CDATA[There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: "Loading page" or have an animated image that spins. Why can't there be a nice loading bar of some kind?
I've gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS).

This preloader has it all. Loading bar, custom animations and getting all images included in the web page.

<div style="background-color: #fcf8bb; padding: 10px; text-align: center; font-size: 1.5em;">
<a href="http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/"> There is a new version of QueryLoader. Consider this one obselete!</a>
</div>

<a class="border" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/"><img src="http://www.gayadesign.com/wp-content/uploads/2009/09/qloader.jpg" alt="qloader" title="qloader" width="580" height="173" class="aligncenter size-full wp-image-490" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/feed/</wfw:commentRss>
		<slash:comments>600</slash:comments>
		</item>
		<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>Image slider for displaying pictures or portfolios</title>
		<link>http://www.gayadesign.com/diy/image-slider-for-displaying-pictures-or-portfolios/</link>
		<comments>http://www.gayadesign.com/diy/image-slider-for-displaying-pictures-or-portfolios/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 13:14:51 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=222</guid>
		<description><![CDATA[I love <a href="http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html">image slideshows</a> and <a title="Sieb Design" href="http://www.siebdesign.nl/">portfolios with an extra bit of interaction and effects</a>. The problem I found when I wanted to make one of my own was that I always ran out of ideas how to display portfolio items / pictures in a special way. But then it hit me, and the idea for this image slider was born.

<a rel="attachment wp-att-224" href="http://www.gayadesign.com/diy/image-slider-for-displaying-pictures-or-portfolios/" class="border"><img class="aligncenter size-full wp-image-224" title="imageslider" src="http://www.gayadesign.com/wp-content/uploads/2009/04/imageslider.jpg" alt="imageslider" width="532" height="211" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/image-slider-for-displaying-pictures-or-portfolios/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

