<?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>The Kiermans &#187; slideshow</title>
	<atom:link href="http://www.thekiermans.co.uk/tag/slideshow/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thekiermans.co.uk</link>
	<description>The personal blog of Darren Kierman (of Kierweb)</description>
	<lastBuildDate>Fri, 23 Jul 2010 11:19:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Who needs Flash?</title>
		<link>http://www.thekiermans.co.uk/who-needs-flash/</link>
		<comments>http://www.thekiermans.co.uk/who-needs-flash/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 23:02:48 +0000</pubDate>
		<dc:creator>darren</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[cycle]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.thekiermans.co.uk/?p=12</guid>
		<description><![CDATA[Who needs flash to do fancy slideshows when you have Jquery Cycle? As their website says &#8230; &#8220;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.&#8221; &#8230; and its very simple to install &#8230; Add the [...]]]></description>
			<content:encoded><![CDATA[<p>Who needs flash to do fancy slideshows when you have Jquery Cycle?</p>
<p>As their website says &#8230;</p>
<p><em>&#8220;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.&#8221;<span id="more-12"></span></em></p>
<p>&#8230; and its very simple to install &#8230;</p>
<p><strong>Add the javascript &#8230;</strong></p>
<p style="padding-left: 30px;">&lt;script type=&#8221;text/javascript&#8221; src=&#8221;jquery/jquery.min.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;jquery/jquery.cycle.all.2.72.js&#8221;&gt;&lt;/script&gt;</p>
<p> <strong>Add the images &#8230;</strong></p>
<p style="padding-left: 30px;">&lt;div class=&#8221;pics&#8221;&gt;<br />
            &lt;img src=&#8221;images/o1.jpg&#8221; width=&#8221;200&#8243; height=&#8221;200&#8243; /&gt;<br />
            &lt;img src=&#8221;images/o2.jpg&#8221; width=&#8221;200&#8243; height=&#8221;200&#8243; /&gt;<br />
            &lt;img src=&#8221;images/o3.jpg&#8221; width=&#8221;200&#8243; height=&#8221;200&#8243; /&gt;<br />
&lt;/div&gt;</p>
<p><strong>And add the jquery &#8230;</strong></p>
<p style="padding-left: 30px;">$(&#8216;#pics&#8217;).cycle();</p>
<p>That&#8217;s the basic idea - view their website for more advanced features and variables.<br />
<a href="http://malsup.com/jquery/cycle/">http://malsup.com/jquery/cycle/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thekiermans.co.uk/who-needs-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
