<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Colorful Sliders With jQuery &amp; CSS3</title>
	<atom:link href="http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/</link>
	<description>Web Development Tutorials &#38; Resources</description>
	<lastBuildDate>Wed, 16 May 2012 02:12:29 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: Gary</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-23619</link>
		<dc:creator>Gary</dc:creator>
		<pubDate>Thu, 03 May 2012 12:10:59 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-23619</guid>
		<description>Hello ! 

I really love that work, and for a project, I&#039;d like to use it and modify it to another way. I explain :  I would like to make visible some parts of a database with the variations of the cursor. Do you think is it possible ?  And how ?</description>
		<content:encoded><![CDATA[<p>Hello ! </p>
<p>I really love that work, and for a project, I'd like to use it and modify it to another way. I explain :  I would like to make visible some parts of a database with the variations of the cursor. Do you think is it possible ?  And how ?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: chamoW</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-11266</link>
		<dc:creator>chamoW</dc:creator>
		<pubDate>Fri, 17 Sep 2010 12:29:56 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-11266</guid>
		<description>Wonderful effect..

Thanks so much..

Are there another examples????


chamoW</description>
		<content:encoded><![CDATA[<p>Wonderful effect..</p>
<p>Thanks so much..</p>
<p>Are there another examples????</p>
<p>chamoW</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Craig</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-11195</link>
		<dc:creator>Craig</dc:creator>
		<pubDate>Mon, 13 Sep 2010 22:36:36 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-11195</guid>
		<description>Love the slider, thanks for sharing the code and very easy to follow</description>
		<content:encoded><![CDATA[<p>Love the slider, thanks for sharing the code and very easy to follow</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Devin</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-8880</link>
		<dc:creator>Devin</dc:creator>
		<pubDate>Mon, 02 Aug 2010 22:07:21 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-8880</guid>
		<description>I can see this being very useful for my client&#039;s who utilize graphs a lot.  They can simply change the slider position.</description>
		<content:encoded><![CDATA[<p>I can see this being very useful for my client's who utilize graphs a lot.  They can simply change the slider position.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-8019</link>
		<dc:creator>Alex</dc:creator>
		<pubDate>Wed, 21 Jul 2010 14:32:41 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-8019</guid>
		<description>Hi there,
I love this tutorial! The effect is exactly what I am going for on a script I am working on, however I need to make a custom .drop function. Would this be  the same syntax as the drag:function() ? 
What I am trying to do is when the user drops the slider, they are restricted from dragging for a certain period of time and then a content pane appears, populated by ajax content.</description>
		<content:encoded><![CDATA[<p>Hi there,<br />
I love this tutorial! The effect is exactly what I am going for on a script I am working on, however I need to make a custom .drop function. Would this be  the same syntax as the drag:function() ?<br />
What I am trying to do is when the user drops the slider, they are restricted from dragging for a certain period of time and then a content pane appears, populated by ajax content.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martin Angelov</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-4678</link>
		<dc:creator>Martin Angelov</dc:creator>
		<pubDate>Thu, 15 Apr 2010 06:43:51 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-4678</guid>
		<description>@ Jacob

You could do this with cookies. I will not go into details, but you should probably listen to the &lt;b&gt;stop&lt;/b&gt; event in &lt;b&gt;sliders.js&lt;/b&gt; between lines 8-9. This event is called when dragging stops. You can then set a cookie for the slider with its current height. You will end up with three cookies for each of the sliders.

After this, you should think of a way to read these cookies on page load, and if they exist, update each of the sliders&#039; css top positions (as well as the bars&#039; heights).

You can read more about setting and reading cookies with jQuery in this &lt;a href=&quot;http://tutorialzine.com/2010/03/microtut-getting-and-setting-cookies-with-jquery-php/&quot; rel=&quot;nofollow&quot;&gt;MicroTut&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>@ Jacob</p>
<p>You could do this with cookies. I will not go into details, but you should probably listen to the <b>stop</b> event in <b>sliders.js</b> between lines 8-9. This event is called when dragging stops. You can then set a cookie for the slider with its current height. You will end up with three cookies for each of the sliders.</p>
<p>After this, you should think of a way to read these cookies on page load, and if they exist, update each of the sliders' css top positions (as well as the bars' heights).</p>
<p>You can read more about setting and reading cookies with jQuery in this <a href="http://tutorialzine.com/2010/03/microtut-getting-and-setting-cookies-with-jquery-php/" rel="nofollow">MicroTut</a>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jacob</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-4653</link>
		<dc:creator>Jacob</dc:creator>
		<pubDate>Wed, 14 Apr 2010 12:33:53 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-4653</guid>
		<description>Martin, I&#039;m curious is there anyway to have the sliders hold their position on browser refresh/relaunch?</description>
		<content:encoded><![CDATA[<p>Martin, I'm curious is there anyway to have the sliders hold their position on browser refresh/relaunch?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Zabava</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-4368</link>
		<dc:creator>Zabava</dc:creator>
		<pubDate>Fri, 02 Apr 2010 17:28:14 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-4368</guid>
		<description>Nice post  thank you for sharing! :-)</description>
		<content:encoded><![CDATA[<p>Nice post  thank you for sharing! :-)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gaurav Mishra</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-4287</link>
		<dc:creator>Gaurav Mishra</dc:creator>
		<pubDate>Wed, 31 Mar 2010 16:03:33 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-4287</guid>
		<description>I m lovin it</description>
		<content:encoded><![CDATA[<p>I m lovin it</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bloggerzbible</title>
		<link>http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/#comment-4002</link>
		<dc:creator>Bloggerzbible</dc:creator>
		<pubDate>Sun, 21 Mar 2010 07:07:57 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=782#comment-4002</guid>
		<description>Ultimate work</description>
		<content:encoded><![CDATA[<p>Ultimate work</p>
]]></content:encoded>
	</item>
</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using apc
Page Caching using apc
Object Caching 355/356 objects using apc
Content Delivery Network via cdn.tutorialzine.com

Served from: tutorialzine.com @ 2012-05-16 18:08:21 -->
