<?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: Carousel with variable image widths</title>
	<atom:link href="http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/</link>
	<description>Web Freelancer</description>
	<lastBuildDate>Thu, 02 Feb 2012 07:32:35 +0000</lastBuildDate>
	
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Vincent</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-322</link>
		<dc:creator>Vincent</dc:creator>
		<pubDate>Wed, 25 Jan 2012 22:46:46 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-322</guid>
		<description>I found out how to fix it.

Is this the correct way?

$(&quot;#slider1 ul li a&quot;).click(function(e){
					e.preventDefault();
		
					
					$(&#039;#slider1 ul li a&#039;).parent().removeClass(&#039;active&#039;);
					$(this).parent().addClass(&#039;active&#039;);
					
					var url = $(this).attr(&#039;href&#039;);
					var data = &#039;&#039;;
					
					var idx = $(&#039;li.active&#039;).index();
					
					$(&quot;#slider1&quot;).trigger(&quot;slideTo&quot;, [idx]);
				});</description>
		<content:encoded><![CDATA[<p>I found out how to fix it.</p>
<p>Is this the correct way?</p>
<p>$(&#8220;#slider1 ul li a&#8221;).click(function(e){<br />
					e.preventDefault();</p>
<p>					$(&#8216;#slider1 ul li a&#8217;).parent().removeClass(&#8216;active&#8217;);<br />
					$(this).parent().addClass(&#8216;active&#8217;);</p>
<p>					var url = $(this).attr(&#8216;href&#8217;);<br />
					var data = &#8221;;</p>
<p>					var idx = $(&#8216;li.active&#8217;).index();</p>
<p>					$(&#8220;#slider1&#8243;).trigger(&#8220;slideTo&#8221;, [idx]);<br />
				});</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Vincent</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-321</link>
		<dc:creator>Vincent</dc:creator>
		<pubDate>Wed, 25 Jan 2012 22:10:52 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-321</guid>
		<description>How is it possible to click on a slide and make it active? I thought adding the active class would suffice, but It doesn&#039;t I am unable to figure this out, anyone..?</description>
		<content:encoded><![CDATA[<p>How is it possible to click on a slide and make it active? I thought adding the active class would suffice, but It doesn&#8217;t I am unable to figure this out, anyone..?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Rilwis</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-317</link>
		<dc:creator>Rilwis</dc:creator>
		<pubDate>Sun, 25 Dec 2011 10:47:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-317</guid>
		<description>Love this plugin. Thanks for sharing.</description>
		<content:encoded><![CDATA[<p>Love this plugin. Thanks for sharing.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jakup</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-313</link>
		<dc:creator>Jakup</dc:creator>
		<pubDate>Mon, 05 Dec 2011 19:47:13 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-313</guid>
		<description>Hi John,

I have updated the code for Slider Autoplay at (http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php). There is now a function for pausing the loop.

About the browser issues. I found the same problem when using Chrome (slider sometimes pauses after some time). But sometimes just resumes as nothing happened. I am not sure what is the issue there. In Firefox everything works just fine.

Thank you for your input.</description>
		<content:encoded><![CDATA[<p>Hi John,</p>
<p>I have updated the code for Slider Autoplay at (<a href="http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php" rel="nofollow">http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php</a>). There is now a function for pausing the loop.</p>
<p>About the browser issues. I found the same problem when using Chrome (slider sometimes pauses after some time). But sometimes just resumes as nothing happened. I am not sure what is the issue there. In Firefox everything works just fine.</p>
<p>Thank you for your input.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: John</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-312</link>
		<dc:creator>John</dc:creator>
		<pubDate>Wed, 30 Nov 2011 22:31:57 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-312</guid>
		<description>Well, it&#039;s a bit of a hackjob, but I added this function:

$(&#039;#slider1&#039;).hover(
    function() { $(this).addClass(&#039;hover&#039;); },
    function() { $(this).removeClass(&#039;hover&#039;); }
);

Then here&#039;s my sliderAutoloop function:

function sliderAutoplay(){
	if ($(&#039;.hover&#039;).length == 0 ){
		$( &#039;#slider1&#039; ).trigger( &#039;nextSlide&#039; );
	}
	setTimeout( sliderAutoplay, 3000 );
}</description>
		<content:encoded><![CDATA[<p>Well, it&#8217;s a bit of a hackjob, but I added this function:</p>
<p>$(&#8216;#slider1&#8242;).hover(<br />
    function() { $(this).addClass(&#8216;hover&#8217;); },<br />
    function() { $(this).removeClass(&#8216;hover&#8217;); }<br />
);</p>
<p>Then here&#8217;s my sliderAutoloop function:</p>
<p>function sliderAutoplay(){<br />
	if ($(&#8216;.hover&#8217;).length == 0 ){<br />
		$( &#8216;#slider1&#8242; ).trigger( &#8216;nextSlide&#8217; );<br />
	}<br />
	setTimeout( sliderAutoplay, 3000 );<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: John</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-311</link>
		<dc:creator>John</dc:creator>
		<pubDate>Wed, 30 Nov 2011 21:50:06 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-311</guid>
		<description>Hey dude, awesome plugin. Just a few things:

I&#039;ve been trying to figure out how to stop the autoscroll when you&#039;re hovering over the carousel. I&#039;m not that good with javascript, so I&#039;m still working on it. If I find anything I&#039;ll post back here.

Also, it just stops working altogether after running for awhile. Again, I&#039;ll try to see what I can do.</description>
		<content:encoded><![CDATA[<p>Hey dude, awesome plugin. Just a few things:</p>
<p>I&#8217;ve been trying to figure out how to stop the autoscroll when you&#8217;re hovering over the carousel. I&#8217;m not that good with javascript, so I&#8217;m still working on it. If I find anything I&#8217;ll post back here.</p>
<p>Also, it just stops working altogether after running for awhile. Again, I&#8217;ll try to see what I can do.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Lemmon</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-188</link>
		<dc:creator>Lemmon</dc:creator>
		<pubDate>Fri, 09 Sep 2011 12:51:15 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-188</guid>
		<description>Thanks all for their inputs. I have just released v0.2 of Lemmon Slider here:
http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php

fixed:
- IE6, IE7 issues
- added destroy method
- added infinity
- better documentation</description>
		<content:encoded><![CDATA[<p>Thanks all for their inputs. I have just released v0.2 of Lemmon Slider here:<br />
<a href="http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php" rel="nofollow">http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php</a></p>
<p>fixed:<br />
- IE6, IE7 issues<br />
- added destroy method<br />
- added infinity<br />
- better documentation</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ard</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-166</link>
		<dc:creator>ard</dc:creator>
		<pubDate>Fri, 26 Aug 2011 08:39:53 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-166</guid>
		<description>changing  property of li items from &#039;inline-block&#039; , to &#039;inline&#039;  (ie &lt; 8 doesnt support inline-block ) works  more or less fine.  Adding vertical-align: middle should help carousel to deal with variable width and height img dimensions. 

Greets</description>
		<content:encoded><![CDATA[<p>changing  property of li items from &#8216;inline-block&#8217; , to &#8216;inline&#8217;  (ie &lt; 8 doesnt support inline-block ) works  more or less fine.  Adding vertical-align: middle should help carousel to deal with variable width and height img dimensions. </p>
<p>Greets</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: templar</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-165</link>
		<dc:creator>templar</dc:creator>
		<pubDate>Fri, 26 Aug 2011 07:47:48 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-165</guid>
		<description>any info when IE7 fix will be ready :) ?</description>
		<content:encoded><![CDATA[<p>any info when IE7 fix will be ready :) ?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Lemmon</title>
		<link>http://blog.lemmonjuice.com/2010/03/variable-jquery-carousel/comment-page-1/#comment-161</link>
		<dc:creator>Lemmon</dc:creator>
		<pubDate>Thu, 25 Aug 2011 15:17:22 +0000</pubDate>
		<guid isPermaLink="false">http://blog.lemmonjuice.com/?p=3#comment-161</guid>
		<description>@Laura: It is possible. Do you men an Infinite Carousel? I am thinking about adding this feature to v0.2.</description>
		<content:encoded><![CDATA[<p>@Laura: It is possible. Do you men an Infinite Carousel? I am thinking about adding this feature to v0.2.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

