title: Retina Images not being loaded on sencha touch
body: <p>I've included retina.js in my Sencha Touch application. When watching the network monitor I see </p>
  
  <ul>
  <li>retina.js is loaded</li>
  <li>images are loaded normaly <code>example.jpg</code></li>
  <li>no @2x images are loaded <code>example@2x.jpg</code> or even looked for</li>
  </ul>
  
  <p>Using <a href="https://stackoverflow.com/a/20240329/81785">chrome to emulate an iphone</a> this is all I see
  <img src="https://i.stack.imgur.com/YoLwS.png" alt="console"></p>
  
  <p>I also manually ran <code>Retina.init(window)</code> however nothing happens. All images remain non-retina. Running <code>Retina.isRetina()</code> returns <strong>true</strong></p>
  
  <p>I don't actually own a retina device, so I am not sure if that is the issue. However my friend with an iPhone 5s says the image quality has not improved, so I am assuming the retina images are not showing up.</p>
  
  <p>The <a href="http://retinajs.com/#how-it-works" rel="nofollow noreferrer">documentation is not very helpful</a></p>
  
  <p>I figure this has to do with the fact that images are created and loaded with JS (the images are not there onload)</p>
  
  <p>Using chrome for debugging, how can I make retina.js work for my app?</p>