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 };
>
> };
No comments:
Post a Comment