creativetech

Thank you very much. Any chance that I can request a new feature into TweenMax to handle the tween of units on objects without a workaround? It seems like it could be useful and built into the core.

Hi OSU Blake, Thanks for the quick response. I don't want to animate/tween the actual DOM element. I simply wanted to tween a value that contains units. Your second link is more what I was aiming for, however, I dont want to have to append the unit. There is no other workaround?

Is it possible to tween an object's property if the value of the property contains units (px, %, em, etc)? See code pen example. I'm expecting myObject.left to have a value of '200px' after 5 seconds.

Yes-- That makes sense. Thanks for taking the time out to answer the question.

<script type="text/javascript"> var gs = window.GreenSockGlobals = {}; //the newer version we're about to load could now be referenced in a "gs" object, like gs.TweenLite.to(...). Use whatever alias you want as long as it's unique, "gs" or "banner" or whatever. </script> <script type="text/javascript" src="js/greensock/v1.7/TweenMax.js"></script> <script type="text/javascript"> window.GreenSockGlobals = null; //reset it back to null so that the next load of TweenMax affects the window and we can reference things directly like TweenLite.to(...) </script> <script type="text/javascript" src="js/greensock/v1.6/TweenMax.js"></script> <script type="text/javascript"> gs.TweenLite.to(...); //would use v1.7 TweenLite.to(...); //would use v1.6 </script> Thanks. That post does help a lot. The solution that you provided (see above) will only work if you can control the order in which TweenMax\TweenLite loads. Do you have a way of solving the conflict if the version you want to use loads second and you don't want that version to replace the 1st version of TweenMax that the site uses? Can you provide more information about 'window.GreenSockGlobals'? What happens if that property isn't null before my code is loaded in?

In your 133.js file, change TweenLite to TweenMax

What is the best way to have two TweenMax/GSAP versions running on the same page? Is it possible to handle conflicts between two versions of TweenMax/GSAP loaded in the same page? Lets say there are two applications on the same page. The other applications is from a different developer and you have no idea if the other developer is using GSAP. What is the best way to make sure your code is using the version of TweenMax/GSAP that it was intended to use?