title: Preload images for HTML5 app on mobile Safari?
body: <p>Is it possible to pre-load a set of images for an HTML5 app (targeting mobile Safari)?</p>
  
  <p>In the ideal scenario, the app's startup image persists until certain images are loaded.</p>
  
  <p>We tried using the CSS background attribute and including each image as a separate background, but that fails to pre-load the images and persist the startup image.</p>
  
  <p>Here's our HTML for setting the startup image, but this fails to persist until all the images are loaded:</p>
  
  <pre><code>&lt;!-- iPhone 3 and 4 Non-Retina --&gt;
  &lt;link rel='apple-touch-startup-image' media='(device-width: 320px)' href='/images/x/apple-touch-startup-image-320x460.png'&gt;
  </code></pre>