‹‹ cycle homejQuery Cycle Plugin - Zoom




$('#vetito_1').cycle({ fx: 'zoom', sync: 0, delay: -4000 });


$('#vetito_2').cycle({ fx: 'zoom', speedIn: 2500, speedOut: 500, easeIn: 'easeInBounce', easeOut: 'easeOutElastic', sync: 0, delay: -4000 });

Ins and Outs

You can achieve finer grained control over speed and easing by using the in/out versions of these properties. From the plugin source:

$.fn.cycle.defaults = {
...
speed:   1000,  // speed of the transition (any valid fx speed value)
speedIn: null,  // speed of the "in" transition
speedOut:null,  // speed of the "out" transition
...
easing:  null,  // easing method for both in and out transitions
easeIn:  null,  // easing for "in" transition
easeOut: null,  // easing for "out" transition
...
};

The speedIn and easeIn properties are applied when a slide is transitioned in. If not defined, these values are set to the values of the speed and easing options, respectively.

The speedOut and easeOut properties are applied when a slide is transitioned out. If not defined, these values are set to the values of the speed and easing options, respectively.

You now can put a new twist on your transitions by taking advantage of these in/out options.