Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Daanliberta

How to animate a slider

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 post
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 post
Share on other sites

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

 

Thanks Mikel

  • Like 3
Link to post
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.

×