jQuery Cycle - 'before' function to complete before animating to the next slide with fadeIn fadeOut Effect
<p>I'm using the jQuery Cycle plugin for a slider - I need to make some fadeIn fadeOut effect inside each slides.<br>
Has any one had any experience with this? Unfortunately I am quite
useless at JavaScript creation, and I have not been able to find any great support documentation.<br>
<a href="http://jsfiddle.net/qnuj4/6/" rel="nofollow">Here is a example</a><br>
And my function code is below.</p>

<pre><code>$('#yslider ul').cycle({
           fx:     'fade',
           speed:   'slow',
           timeout: 1000,
           before: first,
           after:    second,
           pager:    '#number',
           pause: 1
        });
        function first(){
            $('.left').fadeOut(800).delay(100).animate({opactiy: 0.5 });
            $('.middle').delay(800).fadeOut(1300).animate({opactiy: 1.0 });
            $('.right').delay(2500).animate({right:'-1980px'}, 700);
        }
        function second(){
            $('.left').fadeIn(1000).delay(300).animate({opactiy: 1.5 });
            $('.middle').fadeIn(1500).delay(500).animate({opactiy: 2.5 });
            $('.right').delay(2500).animate({right: '-26px'}, 700);
        }
</code></pre>
