<?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>Design Gala &#187; cycle</title>
	<atom:link href="http://designgala.com/tag/cycle/feed/" rel="self" type="application/rss+xml" />
	<link>http://designgala.com</link>
	<description>Web Usability, Web Technology, User Experience</description>
	<lastBuildDate>Wed, 02 May 2012 03:55:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>jQuery: Create Stunning Slideshow with Cycle Plugin</title>
		<link>http://designgala.com/jquery-create-stunning-slideshow-with-cycle-plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=jquery-create-stunning-slideshow-with-cycle-plugin</link>
		<comments>http://designgala.com/jquery-create-stunning-slideshow-with-cycle-plugin/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 20:15:54 +0000</pubDate>
		<dc:creator>Mukesh Chapagain</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[cycle]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.designgala.com/?p=1485</guid>
		<description><![CDATA[You can easily create stunning and very effective image slideshow with the jQuery Cycle Plugin. You don&#8217;t need to write long and difficult programming code. Just a few lines of code will be...]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designgala.com/wp-content/uploads/2010/01/13-07_jquery-cycle.jpg"><img class="alignleft size-full" src="http://www.designgala.com/wp-content/uploads/2010/01/13-07_jquery-cycle.jpg" alt="" width="550" height="398" /></a></p>
<p style="text-align: justify;">You can easily create stunning and very effective image slideshow with the jQuery Cycle Plugin. You don&#8217;t need to write long and difficult programming code. Just a few lines of code will be enough.</p>
<p><a href="http://www.cssbreak.com/examples/slideshow-cycle/" target="_blank">View Demo</a> | <a href="http://www.cssbreak.com/examples/slideshow-cycle.zip" target="_blank">Download Code</a></p>
<p>You need to have jQuery library and the jQuery Cycle plugin.</p>
<p><a href="http://docs.jquery.com/Downloading_jQuery" target="_blank">Download jQuery Library</a> | <a href="http://malsup.com/jquery/cycle/download.html" target="_blank">Download jQuery Cycle Plugin</a></p>
<blockquote><p>The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.</p></blockquote>
<blockquote><p>The Cycle Plugin provides many options for customizing your slideshow. The default option values can be overridden by passing an option object to the cycle method.</p></blockquote>
<p><a href="http://malsup.com/jquery/cycle/options.html" target="_blank">Here is the list of options</a></p>
<p>There are many effects that can be used with jQuery Cycle Plugin. You can find them all <a href="http://malsup.com/jquery/cycle/browser.html" target="_blank">here</a>. I have used some effects and created a demo.</p>
<p><a href="http://www.cssbreak.com/examples/slideshow-cycle/" target="_blank">View Demo</a> | <a href="http://www.cssbreak.com/examples/slideshow-cycle.zip" target="_blank">Download Code</a>
<div id="fb-root"></div>
<p><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><!-- Do not remove --></p>
]]></content:encoded>
			<wfw:commentRss>http://designgala.com/jquery-create-stunning-slideshow-with-cycle-plugin/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

