Jump to content
Search Community

How to add dynamic animated sliders

prabhath test
Moderator Tag

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

Hi

I heave animated banners template list create using timelinelite.

I want to select some banners as preview and edit text then add to timelinelite

after that play all selected banners

how can i do that. please help

Thank you

 

 

preview.jpg

Link to comment
Share on other sites

sorry for my English,

I have 5 slides animated using timelinelite.

I want to those all animated slides combined tougher .

Ex.

I want to play slide one after slide 3 like that. 

 

let tm1 = new timelinelite();

let tm2 = new timelinelite();

let tm3 = new timelinelite();

 

let tmArr = [tm1,tm2,tm3 ]

 

how can I play this array.

please help

 

 

Link to comment
Share on other sites

7 minutes ago, prabhath said:

and 1 thing, how can I animate last to fist slide?

 

Isn't already doing that? The first slide starts out with an opacity of 0 and then animates to an opacity of 1. So at the end of slide 5, everything gets reset to an opacity of 0.

 

If you want to replay the timeline from a different starting point, you can use a technique like this.

 

 

 

And if you trying to create dynamic animations, this is a really good article.

https://css-tricks.com/writing-smarter-animation-code/

 

 

  • Like 3
Link to comment
Share on other sites

13 hours ago, prabhath said:

This is I trying to tell you

please refer link

https://jsfiddle.net/prabhath/3xjsqde1/15/

 

you see last slide and first slide not overlapping. :(

 

 

Please don't ask something else by editing your original comment. We don't get notifications for that. Just create a new response.

 

Here's something similar to what Mikel showed. You will need to fix the layering though. Slide 1 will always be underneath slide 5.

 

See the Pen KjaxMj by osublake (@osublake) on CodePen

 

 

  • 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.
×
×
  • Create New...