Jump to content


controlling animation timeline that contains infinite loop tweens with a slider

Moderator Tag
Go to solution Solved by mihai_c,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



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

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

  • Solution

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.