homepage Welcome to WebmasterWorld Guest from 54.234.147.84
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
jquery cycle plugin
adjust eastOutBounce
brandozz




msg:4469322
 5:08 pm on Jun 25, 2012 (gmt 0)

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




msg:4469512
 2:12 am on Jun 26, 2012 (gmt 0)

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

sssweb




msg:4469637
 1:10 pm on Jun 26, 2012 (gmt 0)

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




msg:4469646
 1:23 pm on Jun 26, 2012 (gmt 0)

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




msg:4469679
 3:01 pm on Jun 26, 2012 (gmt 0)

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




msg:4469683
 3:05 pm on Jun 26, 2012 (gmt 0)

Thanks!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved