ltscribble

I have an animation with a lot of svg's in it, so I'd like to reference them so that the code in the page is a bit easier to handle. I can animate the paths if I have all the svgs in the page but is it possible to move the svg's into a external files (I've tried <svg> <use> and <img>) but I can't seem to target the paths when I do this? http://codepen.io/LegendT/pen/ByRNEZ

I want to get a fill for an svg to scroll through multiple colors. I've done it this way but I'm not sure if there is a better way of doing it? var hand = $("#left-hand-palm"); var colors =["#FF0000","#FFFF00","#00FF00","#00FFFF","#0000FF","#FF00FF","#ED1C24","#FFF200","#00A651","#00AEEF","#2E3192","#EC008C","#FF0000"]; tl = new TimelineMax({repeat:-1}); for (j = 0; j < colors.length; j++) { tl.to(hand, 1, {fill:colors[j], ease:Linear.ease}); };

Thank you very much

Thanks for the reply. That would work in this situation but I need to be able to target specific elements.

Hover one element animate another. It feels like this should be fairly straight forward but I can't seem to get it to work. Codepen : http://codepen.io/LegendT/pen/BypVaQ Thanks

I've tried this with scripts from a cdn and locally but neither works. It looks like a path issue but I can't see where I'm going wrong. <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jRespond.min.js"></script> <script src="js/greensock-js/src/uncompressed/TimelineMax.js"></script> <script src="js/main.js"></script> In the dev tools I can see that the scripts are being loaded. In the main.js $(document).ready(function() { var tl = new TimelineMax({paused: true}); }); in the console: Uncaught ReferenceError: TimelineMax is not defined