jquery elastic animation doesn't complete

Question

http://www.thebraproject.com/collection

If you slide the clothesline backwards every third item stops dead without completing the elastic animation. Can anyone see why that might be happening?

I'm using the AnythingSlider for jQuery to make it work.

Answer 1

I think maybe the problem is that the way the slider counts when you go forward and backward it is thinking it is the beginning of the slider and not running the transition. Try changing your third case

case 3:
 var previous_index = 2;
 var next_index = 1;
 break; 

what happens if you change the next_index variable? Does that fix it?

Answer 2

The easing breaks every time AnythingSlider is forced to "rotate" its pages. (Put another way: any time the item being moved to is a "li.cloned", the easing is broken.)

It looks to me like this is a bug within AnythingSlider, I think some of the animation-complete callbacks are being called without waiting for animation to actually complete.

I hesitate to analyze any further because the current site is using version 1.2 of AnythingSlider, latest version is v1.5.x. I would try upgrading and see if that fixes your problem.

https://github.com/ProLoser/AnythingSlider/downloads