horizontalLoop with first element on center

[Vitor Martins]

Hi, based on the horizontalLoop function -> https://greensock.com/docs/v3/HelperFunctions#loop DEMO WITH DRAGGABLE (with "center: true" and onChange features), I want to have the first element starting on the center as well, basically the center element changes based on the viewport size, but my goal is to start the animation with it in the center.

 

Here is an ideia of what i want to achieve -> public-image.co

 

Thanks!

 

 

 

 

 

 

See the Pen gOvvJee by GreenSock (@GreenSock) on CodePen

[GreenSock]

I'm not sure I understand your goal correctly, but if you just want it to start out with the first element (index 0) in the center, wouldn't it be as simple as this?: 

loop.toIndex(0, {duration: 0});

See the Pen KKxNmRb?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

[Vitor Martins]

You got it right!

 

I have tried the loop.toIndex(0, {duration: 0})  but it wasn't working due to some props my horizontalLoop function was missing.

I compared my code with yours and worked after a few changes on mine.

 

Thank you!!!