title: TweenJS with Images
body: <p>i have got a problem to animate a image from x=0 to x=400. i´m using easeljs and tweenjs.
  here is my code:
  Javascript:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="js/easeljs-0.4.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/tweenjs-0.2.0.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          function init() {
              var canvas = document.getElementById("canvas");
              var stage = new Stage(canvas);
              var img=new Image();
  
              img.src="http://exampledomain.com/exampleimage.jpg";
              img.onload = function(e){
                  var title = new Bitmap(e.target);
                  stage.addChild(title);
                  stage.update();
              }
              var tween = Tween.get(img).to({x:400},400).call(tweenComplete);
          }
  
          function tweenComplete(){
              alert('done');
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="init();"&gt;
      &lt;canvas id="canvas" width="430" height="446"&gt;&lt;/canvas&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>im sure that the tween starts, because after 400ms opens the alert but the image doesn´t move one pixel.</p>