11

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.

skaffman
  • 398,947
  • 96
  • 818
  • 769
jay
  • 10,275
  • 5
  • 34
  • 52
  • 1
    That is a very cool use of AnythingSlider! But yeah I can't see why the easing isn't working - very odd. I just answered your other question about updating AnythingSlider and maybe using the update method might fix this problem? – Mottie Dec 17 '10 at 15:59
  • 1
    doesn't appear to be broken, but just to be sure, can you post the code used to render the animation? – Robert Hurst Jan 25 '11 at 20:48
  • I can't reproduce the issue. Tested with Chrome 9, FireFox 3 and Internet Explorer 8. In which browser does this occur ? – nulltoken Jan 26 '11 at 14:10
  • A little note, I recommend not having the image overlap the arrow. Besides that I can't reproduce. – Steven Jan 27 '11 at 02:40
  • I can reproduce it in IE, Safari and FF. Chrome works fine. No anser though, sorry. – Bitsplitter Jan 29 '11 at 09:22
  • I can't reproduce this either - FF Chrome Safari. Maybe this has something to do with the performace of your computer (lots of javascript on site - causing slowdown)? – calumbrodie Feb 03 '11 at 09:36
  • Just an update... this problem should have been fixed in AnythingSlider version 1.5.8+ – Mottie May 10 '11 at 21:09

3 Answers3

2

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?

Zac
  • 12,637
  • 21
  • 74
  • 122
1

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

Elliot Nelson
  • 11,371
  • 3
  • 30
  • 44
0

I also noticed that any item that stopped without completing the animation continues to behave in that manner even if its not the third item the next time you slide them backwards. Other items that finished the animation when sliding backwards initially, complete their animation the next time you slide backwards even if they are the third item. So whatever is going wrong is going wrong the first time you slide backwards I think. Hope this helps if you haven't already fixed this.

Ketan
  • 4,270
  • 1
  • 15
  • 9