Mike,

Thanks for pointing me in the right direction. I managed to get it
working the way I wanted by doing the following:

1) Made a transition: $.fn.cycle.transitions.slideFade = function
($container, $slides, opts) {   }
2) Made an 'fx plugin' function with the same name and made sure it
cleared opts.busy when it was finished: $.fn.cycle.slideFade =
function (curr, next, opts, after) { opts.busy=0 }

Thanks again

On Oct 22, 12:08 pm, Mike Alsup <mal...@gmail.com> wrote:
> > In regards to the 9/9/9 release; it seems like thefxFnis set to null
> > in the resetState function and not being set back. I am invoking the
> > script with:
>
> > $(document).ready( function() {jQuery
> > ('#cf73b7c6341940210VgnVCM100000288ea8c0____').cycle({
> > pagerEvent: 'mouseover',
> > timeout: 4500,
> > pager: '#pager',
> > cleartype: 1,
> > slideExpr: ".carouselElement",
> >fxFn:'slideFade' });
>
> > });
>
> For custom transitions it's best to add your function to the
> 'transitions' object.  The 'fxFn' option is not well-supported for
> external use - I should update the docs to reflect that.  So I would
> recommend an approach like this:
>
> // declare your transition fn
> $.fn.cycle.transitions.slideFade = function($container, $slides, opts)
> {
>     // your transition logic goes here!
>
> }
>
> // and set the 'fx' option to the name of your transition
> jQuery('#slideshow').cycle({
>         fx: 'slideFade',
>         pagerEvent: 'mouseover',
>         timeout: 4500,
>         pager: '#pager',
>         cleartype: 1,
>         slideExpr: ".carouselElement"
>
> });
>
> For example, this is how the 'scrollUp' effect is defined:
>
> $.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) {
>         $cont.css('overflow','hidden');
>         opts.before.push($.fn.cycle.commonReset);
>         var h = $cont.height();
>         opts.cssBefore ={ top: h, left: 0 };
>         opts.cssFirst = { top: 0 };
>         opts.animIn       = { top: 0 };
>         opts.animOut  = { top: -h };
>
> };

Reply via email to