jquery cycle plugin

adjust eastOutBounce

[brandozz]

I'm using the jQuery cycle plugin and was wondering if anybody knew of a way to adjust the amount of easeOutBounce? I have an image that is 650px by 172px and I wanted to make the bounce a little more settle then it currently is. This is currently what I'm calling in my settings:

$('#gallery').cycle({
fx: 'scrollRight',
timeout: 6000,
//speed: 500,
delay: -2000,
next: '#next',
prev: '#prev',
pause: true,
speedIn: 2000,
speedOut: 500,
easeIn: 'easeOutBounce'
});

[brandozz]

Sorry, I meant to say "subtle" not "settle"

[sssweb]

Hi brandozz - I'm no expert on this but here's some info that might point you in the right direction.

First, it's not a 'cycle' plug-in issue, it's a jQueryUI issue; the 'cycle' plug-in (which I also use) just imports the UI functionality.

Second, I'm not sure the easing settings are adjustable, though you can look into it more and find out for yourself at: [jqueryui.com ]

Your best bet may be to slow down the 'speedIn' and/or 'speedOut' cycle settings; that might give you the desired effect.

Your other alternative is to pick a better easing effect from the showcase at the above link. Try 'easeOutElastic' (though that may be less subtle, not more subtle). There are plenty more to choose from too.

[brandozz]

Hi sssweb,

Thanks for the response and the link to the jquieryui. I tried out some of the easing effects and decided to go with easeInOutBack. It was subtle and works for what I'm putting together.


Thanks again.

[sssweb]

You're welcome. For future reference, you might also post in the jQuery plug-in forum [plugins.jquery.com ] to get people more familiar with 'cycle'. (Unfortunately, it's off-line now for upgrades - though you can read archives at the link given there. It's also not as active as this site even when it's up, but it's another resource.)

Hmmm...just checked, the archive's down too now; but it's usually a good source.

[brandozz]

Thanks!