title: object HTMLImageElement showing instead of image
body: <p>I created an array of 2 images and tried to display them, but instead of the images I got the text:<br>
  <code>object HTMLImageElement</code></p>
  
  <p>I am sure my images are in the right directory which I am currently working with.</p>
  
  <pre><code>&lt; template is="auto-binding"&gt;
     &lt;section flex horizontal wrap layout&gt;
  
      &lt;template repeat="{{item in items}}"&gt;
        &lt;my-panel&gt;{{item}}&lt;/my-panel&gt;
      &lt;/template&gt;
  
  &lt;/section&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;script&gt;
    (function() {
      addEventListener('polymer-ready', function() {
          var createImage = function(src, title) {
                var img   = new Image();
                img.src   = src;
                img.alt   = title;
                img.title = title;
                return img; 
              };
  
  
      var items = [];
  
      items.push(createImage("images/photos/1.jpeg", "title1"));
      items.push(createImage("images/photos/2.jpeg", "title2"));
  
      CoreStyle.g.items = items;
  
        addEventListener('template-bound', function(e) {
          e.target.g = CoreStyle.g;
          e.target.items = items;
        });
      });
  
    })();
    &lt;/script&gt;
  </code></pre>
  
  <p>What am I missing here?</p>