controlling animation timeline that contains infinite loop tweens with a slider

[mihai_c]

Hello,

 

I'm trying to make a series of animations and manually advance from one to the next with a slider. I would also like to be able to reverse from the end to the beginning or any point in between.

Some stages will have elements that spin infinitely (shown in the example) and I would like to keep the rotation direction no matter the direction of the slider (previous stage to next stage or vice versa).

I'm pretty new to GSAP and don't know what to use TimelineMax or TweenMax or both and in what order.

My question is : how should I approach this task ? What events should I attach to the slider movement and how should I build my scenes ?

Right now my animation breaks when using the slider :

 

Thank you for your time!

See the Pen Lpgmyv by anon (@anon) on CodePen

[Jonathan]

Hello mihai_c, and welcome to the GreenSock Forum!

 

Just to clarify.. Are you talking about a image slider or a UI slider to control a horizontal scene?

 

Thanks

[mihai_c]

I got it working. I combined tweens with timelines and it turned out ok. I was talking about a UI slider