<?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: Making a nice jQuery content scroller with ease.</title>
	<atom:link href="http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/feed/" rel="self" type="application/rss+xml" />
	<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Wed, 18 Jan 2012 08:51:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: admin</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-6936</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Thu, 29 Jul 2010 15:54:25 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-6936</guid>
		<description>Cakka, i&#039;m not sure if this is true, but if you changed the fadeOut(100 part of the jquery to 1000 it should change the value in miniseconds which equates to 1 second. Let me know if that works.</description>
		<content:encoded><![CDATA[<p>Cakka, i&#8217;m not sure if this is true, but if you changed the fadeOut(100 part of the jquery to 1000 it should change the value in miniseconds which equates to 1 second. Let me know if that works.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: cakka website developer</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-6893</link>
		<dc:creator>cakka website developer</dc:creator>
		<pubDate>Thu, 29 Jul 2010 07:35:32 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-6893</guid>
		<description>very nice frenz..
how to give speed to this ease ?
if we want to make it faster and slower ?
thanks</description>
		<content:encoded><![CDATA[<p>very nice frenz..<br />
how to give speed to this ease ?<br />
if we want to make it faster and slower ?<br />
thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chandan</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1183</link>
		<dc:creator>Chandan</dc:creator>
		<pubDate>Fri, 26 Feb 2010 06:40:05 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1183</guid>
		<description>Nice tutorial for Web Designer.
Thanks   Ttutsvalley</description>
		<content:encoded><![CDATA[<p>Nice tutorial for Web Designer.<br />
Thanks   Ttutsvalley</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Marjorie Harle</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1182</link>
		<dc:creator>Marjorie Harle</dc:creator>
		<pubDate>Wed, 03 Feb 2010 04:19:51 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1182</guid>
		<description>Excellent post. You have won a new fan. Please keep up the nice work and I look forward to more of your gripping posts.</description>
		<content:encoded><![CDATA[<p>Excellent post. You have won a new fan. Please keep up the nice work and I look forward to more of your gripping posts.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Boba</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1181</link>
		<dc:creator>Boba</dc:creator>
		<pubDate>Thu, 01 Oct 2009 13:53:11 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1181</guid>
		<description>Hehe :)

I completely forgot about IE having problems with the fadeIn and fadeOut , thanks for the tip :)

Hehe, thanks for the compliments :)</description>
		<content:encoded><![CDATA[<p>Hehe <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I completely forgot about IE having problems with the fadeIn and fadeOut , thanks for the tip <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Hehe, thanks for the compliments <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1180</link>
		<dc:creator>Tim</dc:creator>
		<pubDate>Thu, 01 Oct 2009 12:07:23 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1180</guid>
		<description>Thank you, Boba!!  Can&#039;t believe I couldn&#039;t see it with the last comment.  Duh!

Anyway, there&#039;s another small issue I found with IE7, not a problem with the code here, but IE7 (and probably 8 ) turns off cleartype when filters are applied.  This means that there&#039;ll be no font smoothing regardless of whether or not the system setting is on.

To fix this I used:
	$(&#039;.news_visible&#039;).fadeIn(function(){
	this.style.removeAttribute(&quot;filter&quot;);
	});

...after the &#039;fadeOut this/fadeIn that&#039; within the fader functions.

To correct the first container use the same line straight after the .new_visible class is created.  This removes the filter after the fade effect has completed, so the fade is still without cleartype but this is IE&#039;s problem.

Thanks again, and my compliments to you for your prompt replies.</description>
		<content:encoded><![CDATA[<p>Thank you, Boba!!  Can&#8217;t believe I couldn&#8217;t see it with the last comment.  Duh!</p>
<p>Anyway, there&#8217;s another small issue I found with IE7, not a problem with the code here, but IE7 (and probably 8 ) turns off cleartype when filters are applied.  This means that there&#8217;ll be no font smoothing regardless of whether or not the system setting is on.</p>
<p>To fix this I used:<br />
	$(&#8216;.news_visible&#8217;).fadeIn(function(){<br />
	this.style.removeAttribute(&#8220;filter&#8221;);<br />
	});</p>
<p>&#8230;after the &#8216;fadeOut this/fadeIn that&#8217; within the fader functions.</p>
<p>To correct the first container use the same line straight after the .new_visible class is created.  This removes the filter after the fade effect has completed, so the fade is still without cleartype but this is IE&#8217;s problem.</p>
<p>Thanks again, and my compliments to you for your prompt replies.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Boba</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1179</link>
		<dc:creator>Boba</dc:creator>
		<pubDate>Wed, 30 Sep 2009 14:39:51 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1179</guid>
		<description>Final update :)

For prev_news function. After the $(&#039;#current_news_num&#039;).text(current - 1); put this:

if($(&#039;.news_visible&#039;).prev(&#039;.single_news_container&#039;).length==false){
	$(&#039;#arrow_left&#039;).hide();
}
if($(&#039;.news_visible&#039;).next(&#039;.single_news_container&#039;).length){
	$(&#039;#arrow_right&#039;).show();
}

And for next_news function. After the $(&#039;#current_news_num&#039;).text(current + 1); put this:

if($(&#039;.news_visible&#039;).next(&#039;.single_news_container&#039;).length==false){
	$(&#039;#arrow_right&#039;).hide();
}
if($(&#039;.news_visible&#039;).prev(&#039;.single_news_container&#039;).length){
	$(&#039;#arrow_left&#039;).show();
}

Tell me if it works for you :)</description>
		<content:encoded><![CDATA[<p>Final update <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>For prev_news function. After the $(&#8216;#current_news_num&#8217;).text(current &#8211; 1); put this:</p>
<p>if($(&#8216;.news_visible&#8217;).prev(&#8216;.single_news_container&#8217;).length==false){<br />
	$(&#8216;#arrow_left&#8217;).hide();<br />
}<br />
if($(&#8216;.news_visible&#8217;).next(&#8216;.single_news_container&#8217;).length){<br />
	$(&#8216;#arrow_right&#8217;).show();<br />
}</p>
<p>And for next_news function. After the $(&#8216;#current_news_num&#8217;).text(current + 1); put this:</p>
<p>if($(&#8216;.news_visible&#8217;).next(&#8216;.single_news_container&#8217;).length==false){<br />
	$(&#8216;#arrow_right&#8217;).hide();<br />
}<br />
if($(&#8216;.news_visible&#8217;).prev(&#8216;.single_news_container&#8217;).length){<br />
	$(&#8216;#arrow_left&#8217;).show();<br />
}</p>
<p>Tell me if it works for you <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1178</link>
		<dc:creator>Tim</dc:creator>
		<pubDate>Wed, 30 Sep 2009 09:13:00 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1178</guid>
		<description>Thanks Boba, I tried your suggestion and the only problem is that once the .hide has kicked in it doesn&#039;t come back (i.e hides next on last slide, but doesn&#039;t show it again if you go back a slide).  It&#039;s given me a starting point though.

Thanks again :)</description>
		<content:encoded><![CDATA[<p>Thanks Boba, I tried your suggestion and the only problem is that once the .hide has kicked in it doesn&#8217;t come back (i.e hides next on last slide, but doesn&#8217;t show it again if you go back a slide).  It&#8217;s given me a starting point though.</p>
<p>Thanks again <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Boba</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1177</link>
		<dc:creator>Boba</dc:creator>
		<pubDate>Tue, 29 Sep 2009 14:48:50 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1177</guid>
		<description>$(&#039;#news_navigation&#039;).html(&#039;&lt;a href=&quot;javascript:prev_news();&quot; rel=&quot;nofollow&quot;&gt;&#039; + prev_html + &#039;&lt;/a&gt; &lt;span id=&quot;current_news_num&quot;&gt;1&lt;/span&gt;/&#039; + news_No +&#039; &lt;a href=&quot;javascript:next_news();&quot; rel=&quot;nofollow&quot;&gt;&#039; + next_html + &#039;&lt;/a&gt;&#039;);

first we need to set ids on the anchor links. So change that to:

$(&#039;#news_navigation&#039;).html(&#039;&lt;a ID=&quot;arrow_left&quot; href=&quot;javascript:prev_news();&quot; rel=&quot;nofollow&quot;&gt;&#039; + prev_html + &#039;&lt;/a&gt; &lt;span id=&quot;current_news_num&quot;&gt;1&lt;/span&gt;/&#039; + news_No +&#039; &lt;a ID=&quot;arrow_right&quot; href=&quot;javascript:next_news();&quot; rel=&quot;nofollow&quot;&gt;&#039; + next_html + &#039;&lt;/a&gt;&#039;);

Then in the javascript functions.
For function to scroll left, after the last line recheck if there is an item before or there isn&#039;t.
if($(&#039;.news_visible&#039;).prev(&#039;.single_news_container&#039;).length){
         $(&#039;#arrow_left&#039;).show();
}else{
         $(&#039;#arrow_left&#039;).hide();
}

Same for function to scroll right (but instead of &quot;prev&quot; put &quot;next&quot; and instead of &quot;arrow_left&quot; put &quot;arrow_right&quot;.

I haven&#039;t test this, but should work, can&#039;t see a reason not to.

:)</description>
		<content:encoded><![CDATA[<p>$(&#8216;#news_navigation&#8217;).html(&#8216;&lt;a href=&#8221;javascript:prev_news();&#8221; rel=&#8221;nofollow&#8221;&gt;&#8217; + prev_html + &#8216;&lt;/a&gt; &lt;span id=&#8221;current_news_num&#8221;&gt;1&lt;/span&gt;/&#8217; + news_No +&#8217; &lt;a href=&#8221;javascript:next_news();&#8221; rel=&#8221;nofollow&#8221;&gt;&#8217; + next_html + &#8216;&lt;/a&gt;&#8217;);</p>
<p>first we need to set ids on the anchor links. So change that to:</p>
<p>$(&#8216;#news_navigation&#8217;).html(&#8216;&lt;a ID=&#8221;arrow_left&#8221; href=&#8221;javascript:prev_news();&#8221; rel=&#8221;nofollow&#8221;&gt;&#8217; + prev_html + &#8216;&lt;/a&gt; &lt;span id=&#8221;current_news_num&#8221;&gt;1&lt;/span&gt;/&#8217; + news_No +&#8217; &lt;a ID=&#8221;arrow_right&#8221; href=&#8221;javascript:next_news();&#8221; rel=&#8221;nofollow&#8221;&gt;&#8217; + next_html + &#8216;&lt;/a&gt;&#8217;);</p>
<p>Then in the javascript functions.<br />
For function to scroll left, after the last line recheck if there is an item before or there isn&#8217;t.<br />
if($(&#8216;.news_visible&#8217;).prev(&#8216;.single_news_container&#8217;).length){<br />
         $(&#8216;#arrow_left&#8217;).show();<br />
}else{<br />
         $(&#8216;#arrow_left&#8217;).hide();<br />
}</p>
<p>Same for function to scroll right (but instead of &#8220;prev&#8221; put &#8220;next&#8221; and instead of &#8220;arrow_left&#8221; put &#8220;arrow_right&#8221;.</p>
<p>I haven&#8217;t test this, but should work, can&#8217;t see a reason not to.<br />
 <img src='http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim</title>
		<link>http://web.enavu.com/tutorials/making-a-nice-jquery-content-scroller-with-ease/comment-page-1/#comment-1176</link>
		<dc:creator>Tim</dc:creator>
		<pubDate>Tue, 29 Sep 2009 10:52:56 +0000</pubDate>
		<guid isPermaLink="false">http://tutsvalley.com/?p=163#comment-1176</guid>
		<description>Great tutorial, any chance you could let us know how to get rid of the &#039;next&#039; button on the last page (or the previous button on the first page)?

Thank you!</description>
		<content:encoded><![CDATA[<p>Great tutorial, any chance you could let us know how to get rid of the &#8216;next&#8217; button on the last page (or the previous button on the first page)?</p>
<p>Thank you!</p>
]]></content:encoded>
	</item>
</channel>
</rss>

