<?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>2Advance Web Inc. &#124; Blog</title>
	<atom:link href="http://2advanceweb.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://2advanceweb.com/blog</link>
	<description></description>
	<lastBuildDate>Thu, 12 Aug 2010 20:47:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Quick Fix for jQuery Nivo Slider Random Effect Problem</title>
		<link>http://2advanceweb.com/blog/fix-nivo-slider-random-effect-problem/</link>
		<comments>http://2advanceweb.com/blog/fix-nivo-slider-random-effect-problem/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 00:30:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Sliders]]></category>
		<category><![CDATA[Nivo Slider]]></category>

		<guid isPermaLink="false">http://2advanceweb.com/blog/?p=1</guid>
		<description><![CDATA[I was using the awesome jQuery Nivo Slider for one of our projects today and I had a problem. If you use the effects setting with random option the slider starts acting weird. After watching it carefully I realized that &#8230; <a href="http://2advanceweb.com/blog/fix-nivo-slider-random-effect-problem/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I was using the awesome <a href="http://nivo.dev7studios.com/" target="_blank">jQuery Nivo Slider</a> for one of our projects today and I had a problem. If you use the <strong>effects </strong>setting with <strong>random </strong>option the slider starts acting weird. After watching it carefully I realized that some of the effects were buggy and were causing the problem.</p>
<p>The easiest fix without wasting too much time on it is to change the animations array where that random option gets the animations to play.  You&#8217;ll have to use the uncompressed development version to make the changes. If you downloaded packed production version you&#8217;ll have to download the production version separately.</p>
<p>Open the file <strong>jquery.nivo.slider.js </strong>in your favorite text editor. Go to line 309 and remove all effects that has anything to do with <strong>&#8220;up&#8221;</strong>. Namely, remove <strong>&#8220;sliceUpRight&#8221;,&#8221;sliceUpLeft&#8221;,&#8221;sliceUpDown&#8221;,&#8221;sliceUpDownLeft&#8221;</strong> portion of the array. I couldn&#8217;t figure out which one of these effects was causing the problem so I ended up removing all of them. The rest of the effects seem to be doing a good job and I think I can live with that!</p>
<p>Here are the before and after pictures to make it clearer for everyone.</p>
<p><a href="http://2advanceweb.com/blog/wp-content/uploads/2010/08/before.jpg" rel="lightbox[1]"><img class="alignnone size-large wp-image-10" title="before" src="http://2advanceweb.com/blog/wp-content/uploads/2010/08/before-1024x155.jpg" alt="" width="640" height="96" /></a></p>
<p><a href="http://2advanceweb.com/blog/wp-content/uploads/2010/08/after.jpg" rel="lightbox[1]"><img class="alignnone size-full wp-image-11" title="after" src="http://2advanceweb.com/blog/wp-content/uploads/2010/08/after.jpg" alt="" width="652" height="102" /></a></p>
<p>Or you can just copy and paste the corrected code from below:</p>
<pre class="brush: jscript; first-line: 308; highlight: [309]; pad-line-numbers: false; wrap-lines: false;">
if(settings.effect == 'random'){
var anims = new Array(&quot;sliceDownRight&quot;,&quot;sliceDownLeft&quot;,&quot;fold&quot;,&quot;fade&quot;);
vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
if(vars.randAnim == undefined) vars.randAnim = 'fade';
}
</pre>
<p>If anybody figures out the real solution to this problem please make a comment below and let us know too.</p>
]]></content:encoded>
			<wfw:commentRss>http://2advanceweb.com/blog/fix-nivo-slider-random-effect-problem/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
