<?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>Cool Javascripts &#187; coda effects</title>
	<atom:link href="http://cool-javascripts.com/tag/coda-effects/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Sun, 12 Jul 2009 07:40:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>jQuery Coda Slider</title>
		<link>http://cool-javascripts.com/effects/jquery-coda-slider.html</link>
		<comments>http://cool-javascripts.com/effects/jquery-coda-slider.html#comments</comments>
		<pubDate>Tue, 21 Oct 2008 10:29:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[coda effects]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/jquery-coda-slider.html</guid>
		<description><![CDATA[
There are two jQuery plugins  to emulate the Coda style. One uses scrollTo plugin and the other uses jQuery easing plugin
1. jQuery Coda Slider
It uses the jQuery scrollTo plugin. 



Dependencies
jQuery, jQuery ScrollTo, local Scroll &#38; serial Scroll


Size
10 KB (with all the requried plugins &#8211; excluding jQuery)


Restrictions
None (Free to use on any site)



For demo and [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html' rel='bookmark' title='Permanent Link: Featured content slider &#8211; Auto advancing'>Featured content slider &#8211; Auto advancing</a> <small> Using jQuery Coda plugin, css-tricks.com has created a very...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/better-coda-slider1.gif" /></p>
<p>There are two jQuery plugins  to emulate the <a target="_blank" href="http://www.panic.com/coda/">Coda style</a>. One uses scrollTo plugin and the other uses jQuery easing plugin<span id="more-21"></span></p>
<p><b>1. jQuery Coda Slider</b></p>
<p>It uses the jQuery scrollTo plugin. </p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, jQuery ScrollTo, local Scroll &amp; serial Scroll</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">10 KB (with all the requried plugins &#8211; excluding jQuery)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links</p>
<p><a class="opensame" rel="shadowbox" href="http://jqueryfordesigners.com/demo/coda-slider.html">Open Demo</a> | <a class="opennew" href="http://jqueryfordesigners.com/demo/coda-slider.html" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://jqueryfordesigners.com/demo/coda-slider.html" target="_blank">Info &amp; Download</a>
</p>
<p><b>2. jQuery Coda Slider</b><br />
<img src="http://cool-javascripts.com/wp-content/uploads/2008/12/coda-slider-1111.gif" /><br />
It uses jQuery easing plugin for the effects</p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, jQuery easing, easing comaptibility</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">9 KB (with all the requried plugins &#8211; excluding jQuery)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links</p>
<p><a class="opensame" rel="shadowbox" href="http://www.ndoherty.com/demos/coda-slider/1.1.1/">Open Demo</a> | <a class="opennew" href="http://www.ndoherty.com/demos/coda-slider/1.1.1/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://www.ndoherty.com/coda-slider" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html' rel='bookmark' title='Permanent Link: Featured content slider &#8211; Auto advancing'>Featured content slider &#8211; Auto advancing</a> <small> Using jQuery Coda plugin, css-tricks.com has created a very...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/jquery-coda-slider.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
