Jump to content
GreenSock

Daanliberta

How to animate a slider

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

Hello everyone, 

 

I would like to create a slider with some animated text inside.

I know how to position the slides and do the whole animation but i don't know how make the bullets correspond with the slides.

I guess It should be with addClass and removeclass? If so how do i find the current slide? and how do i do so with gsap?

 

As reference i have the header video slider on https://www.fjallraven.com/ (note: to see the bullets you have to scale down to mobile layout).

 

Thanks in advance,

 

Daan

Link to comment
Share on other sites

Hi @Daanliberta,

 

Welcome to the GreenSock Forums.

 

Here is an example:

 

See the Pen vJNRPQ by mikeK (@mikeK) on CodePen

 

Maybe it will help ...

Happy tweening.

Mikel

  • Like 5
Link to comment
Share on other sites

Saw this before and totally forgot about it. Exactly what i needed!

 

Thanks Mikel

  • Like 3
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.
×