Abhilash L R

Hey! Thanks for an immediate response! The reason why it has been put inside a TimelineMax is that I have a series of animations taking place like scenes. Each scene is written as a TimelineLite and started inside the TimelineMax object. Basically the animation is like a parallax scroll where there are pointers which has tooltip. Each pointer will be displayed after the background is zoomed in, and moved to the pointer's position, once the pointer's location is acheived, the tooltip pops out showing some information. From there on the next pointer is shown on screen while the bg div moves left/right. This process continues till all the pointers are shown with their respective tooltips. Imagine it's something like a facebook wall timeline animation. I hope I was clear in defining the animation to you guys. Now the point is, I want to make it responsive and define my markers on the run. That is, the pointers will be dependant on the screen width/height and also the date parameter which will actually vary for different users. Which do you guys suggest is the best way to animate such responsive design? Thanks in advance

Hi, I have a responsive HTML5 page which has specific areas which will zoom in locate a particular tween animation. Is there a way by which I can update the tween vars object [left, top] dynamically on run time? Thanks Abhilash

Thanks, I got it working now. The issue was using it as TweenMax.killChildTweensOf("#xyz",true); But we should use it as document.getElementById("xyz") Now I have a query here, when TweenMax.to("#xyz",...) works based on doc.getElemenyBID or jQuery, why isn't killChildTweensOf() configured that way ..? It would avoid a lot of confusion actually.

Oki, here you go. The issue was spotted in FF and IE7 is at the following lines in my code: TweenMax.killChildTweensOf() - where I had referenced a DOM object. This works in Chrome but.

Team, Doesn't mozilla firefox support TweenMax feature? I don't see it working in IE7 too. I have a set of ordered list that will flyin on page load. This works fine in Chrome, IE8 and IE9, but it doesn't seem to work fine in Firefox 14 and IE7. Could you please let us know the support features. And the error obtained in FF is as below: "TypeError: can't convert undefined to object: Line 14, Tweenmax.js" Thanks Abhilash

and second thing, TweenMax.staggerFromTo() does not execute the onCompleteAll:function, says "object[OBJECT] has no method apply". TweenMax.staggerFromTo(o,1,{opacity:1},{opacity:0},0.5,{onCompleteAll:fun})

But, my doubt is like, this list may not be constant, it can vary based on some DB data. so will I be able to animate a set of data populated as lists which might have sub childs, basically kind of accordion but is dynamic.

Suppose I have 2 ul with li elements, based on a single button click, I will enable the animation on the ul's based alternatively. Suppose the animation on the li's have sequenced order and take, say 5 seconds, to complete, and before the animation has even stopped, If I click on the button again, the animation on the previous does not stop while the animation on the second already starts. So question is now simple, how do you stop the animation of an object if a new animation is propagated on the same timelinelite object but with different DOM objects? Basically saying, stop in jquery.