twimbee

Hello again, I am having a bit of troubles delaying all the sequences of a timeline apparently when the first function call is a set() it doesn't work as I assume it would. I'd like to delay everything inside an event but it looks like the way I am approaching it doesn't work.

Many thanks that's simply awesome.

I want to animate left floated elements to their new position when the width property of the parent element is changed, to do this I am thinking of writing a loop to calculate the new position for every element but the browser does this already only that it does it jerky, is there a simpler way to avoid all the looping and calculation within TimelineMax ? The pen I use as example almost does it but I'd like a smooth animation. http://codepen.io/twimbee/pen/aBzExZ Cheers.

Thank you very much guys, this is so much easier and so much awesome than other JavaScript animation libraries, I am looking forward to become a 'greensocker' . Ta

Hello, I am BRAND NEW to greensok and please bare with me. BTW I loved it at first sight. I have the following pseudo code, with two functions that execute some animations let's say using to() method, namely minimise() and maximise(). Now when I call them from another function for example fooOne() what happens is that the main thread rushes in the minimise() function, starts the timeline animations then quickly returns to fooOne() and jumps into maximise() where it too starts the timeline animations. Now what I am getting is the animations in minimise() and maximise() running almost concurrently, how can I go about and only execute maximise after minimise finished? I can do this with jQuery but I couldn't find any documentations or posts about this topic on the internet. Regards. function fooOne(){ minimise() ; maximise() ; } function fooTwo(){ maximise() ; } function fooThree(){ minimise() ; } function minimise(){ var timeline = new TimelineLite(); timeline.to(........); timeline.to(........); // loads more animations below. } function maximise(){ var timeline = new TimelineLite(); timeline.to(........); timeline.to(........); // loads more animations below. }