<?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>Codrops &#187; paginate</title>
	<atom:link href="http://tympanus.net/codrops/tag/paginate/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Wed, 23 May 2012 09:46:58 +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>jPaginate: A Fancy jQuery Pagination Plugin</title>
		<link>http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/</link>
		<comments>http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 10:53:24 +0000</pubDate>
		<dc:creator>cody</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[paginate]]></category>
		<category><![CDATA[Pagination]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[sliding]]></category>

		<guid isPermaLink="false">http://tympanus.net/codrops/?p=804</guid>
		<description><![CDATA[jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well. You can call the plugin in the following way: $(elementID).paginate() You can configure [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-806 aligncenter" title="jPaginate" src="http://tympanus.net/codrops/wp-content/uploads/2009/11/jPaginate.png" alt="jPaginate" width="540" height="164" /></p>
<p>jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.<br />
You can call the plugin in the following way:</p>
<p><span id="more-804"></span></p>
<p><code>$(elementID).paginate()</code></p>
<p>You can configure the plugin with the following properties:</p>
<ol>
<li><strong>count</strong>: The total number of pages</li>
<li><strong>start</strong>: With which number the visible pages should start</li>
<li><strong>display</strong>: How many page numbers should be visible</li>
<li><strong>border</strong>: If there should be a border (true/false)</li>
<li><strong>border_color</strong>: Color of the border</li>
<li><strong>text_color</strong>: Color of the text/numbers</li>
<li><strong>background_color</strong>: Background color</li>
<li><strong>border_hover_color</strong>: Border color when hovering</li>
<li><strong>text_hover_color</strong>: Text color when hovering</li>
<li><strong>background_hover_color</strong>: Background color when hovering</li>
<li><strong>images</strong>: If the arrows should be images or not (true/false)</li>
<li><strong>mouse</strong>: With value &#8220;press&#8221; the user can keep the mouse button pressed and the page numbers will keep on sliding. With value &#8220;slide&#8221; the page numbers will slide once with each click.</li>
<li><strong>onChange</strong>: The callback function when clicking on a page. As argument the number of the page clicked can be used.</li>
</ol>
<p><a class="demo" href="http://tympanus.net/jPaginate/" target="_blank">View demo</a><a class="download" href="http://tympanus.net/jPaginate/jPaginate.zip">Download jPaginate</a></p>
<p><div id="bsap_1266918" class="bsarocks bsap_af25dfd2f1908889af7a1aa5f4dcbd9e"></div><div style="clear:both;"></div><br />
<br/><br/><br/></p>
<div class="partner_section_post"><span>Message from Testking</span>Learn the basics of jquery using <a href="http://www.pass4sure.com/Sun-index.html">sun</a> tutorials. Download <a href="http://www.pass4sure.com/SY0-201.html">SY0-201</a> dumps to learn how to create jQuery plugins and pass your <a href="http://www.pass4sure.com/CCNP.html">ccnp exams</a> on first attempt.</div>
]]></content:encoded>
			<wfw:commentRss>http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/feed/</wfw:commentRss>
		<slash:comments>121</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  tympanus.net/codrops/tag/paginate/feed/ ) in 0.21704 seconds, on May 23rd, 2012 at 2:57 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on May 23rd, 2012 at 3:57 pm UTC -->
