Hi everyone!
This is my first post here. This is probably a very easy question but I can't seem to get a single div to do anything.
html
<img data-name="test" src="test.jpg" width="200" height="283">
javascript:
var mydiv = $('img').find('[data-name=test]');
TweenMax.to(mydiv, 2, {css:{height:"400px", width:"283px"}, ease:Linear.easeNone});
I have the above code in an external javascript file. I'm trying to get an image to increase in width and height just for test purposes to get things rolling. I've declared jquery.min.js, TweenMax.min.js, jquery.gsap.min.js. Jquery works fine but I can't seem to get TweenMax to do anything. Can someone help me figure out how to get a helloworld going for GSAP? Any help would be greatly appreciated.