-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
ScrollTrigger Demos
Downloads
Posts posted by christi4n
-
-
Hallo,
I've tried the follwing code:
var i = 0; var tl = new TimelineLite({ onStart:function() { i++; if (i <= 2) { this.set({}, {}, '+=1.0'); this.to("#firstitem,#seconditem", 1.0, {autoAlpha: 0,ease:Power1.easeInOut}); } },onComplete:function() { if (i <= 2) { this.restart(); } } }); tl.from("#firstitem", 1, {autoAlpha: 0, x:100,y:-100,scale:3.0,ease:Power1.easeInOut}); tl.from("#seconditem", 1, {autoAlpha: 0, x:50,y:-50,scale:3.0,ease:Power1.easeInOut}); // ... and so on
But it won't work. The first time OnStart is fired it changes the timlines for all following loops, included loop 3.
Thats what I'm trying to get: After every loop all animated elements has to fade out, except for the last loop. All animated elements should stay. Because of filesize I have to realise this with TimelineLite.
Thanks for your help!
Beste regards
Christi4n
TimlineLite - Loop 3 Times and insert "transition-tweens" between loop 1&2 and 2&3
in GSAP
Posted
PointC's - that helps a lot! Your Solution works great for me.Thanks!
Ohem, thanks for your effort, your solution looks good too, but I have to use TimelineLite.
Again, thanks a lot!
Best regards
Christi4n