<?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; cycle</title>
	<atom:link href="http://www.gayadesign.com/tag/cycle/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gayadesign.com</link>
	<description>PHP, CSS, xhtml, javascript / jquery tutorials</description>
	<lastBuildDate>Fri, 27 Jan 2012 08:15:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Presentation Cycle: Cycle with a progressbar</title>
		<link>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/</link>
		<comments>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 16:34:53 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[cycle]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[presentations]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=559</guid>
		<description><![CDATA[<a href="http://www.malsup.com/jquery/cycle/">Cycle</a> is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements.

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

In this article I'll explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.

<a class="border" href="http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar" rel="attachment wp-att-560"><img src="http://www.gayadesign.com/wp-content/uploads/2009/11/presentationCycle.jpg" alt="presentationCycle" title="presentationCycle" width="580" height="253" class="aligncenter size-full wp-image-560" /></a><!-- technorati 82PT68E7893B -->]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/feed/</wfw:commentRss>
		<slash:comments>135</slash:comments>
		</item>
	</channel>
</rss>

