nathansearles/Slides — Issue #366: How to stop easing animation when clicking between slides? 
Author: lyndonr
Created: 2012-01-31 21:26:52+00:00
State: open

I posted this on the googlegroup as well. perhaps someone can help out and it turn it might help someone else...

Hi all,
Here's an interesting one. I'm attaching a nice long easeOutElastic
bounce to my slide movement like this

$('#slider').slides({
preload: true,
preloadImage: 'img/loading.gif',
slideEasing: "easeOutElastic",
slideSpeed: 1500,
container: '#inner',
start: startSlide

});

I'm hiding the default pagination and opting to control slide movement
with some styled links in the slider container like this

Now here's my Q.. Since it takes awhile for the bounce to finish, I
can't click between the slides very fast. I have to wait for it to
stop jiggling, then I'm free to click again. I'm almost positive I
need to use stop(), but I can't figure out what to attache it to.

one idea was to call .stop() on "ul.pagination li.current", but that
class seems to get updated after bouncing so that doesn't help.

any ideas? thanks in advance!