$('#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
});
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.