title: can we push images to browser cache using javascript
body: <p>We have a print functionality in our application where we are printing images in the browser. We are dynamically forming the HTML div with all the image sources [image source is from the webservice url]</p>
  
  <p>When we trigger 'Windows.Print()' , only the first image is always available in print preview (chrome) and remaining images are displayed blank. </p>
  
  <p>If i trigger the print event for the second time, all the images are getting printed without any issue because all the images are cached by that time.</p>
  
  <p>Please let me know how to push all my images in cache before printing. I need to do this in javascript. Dont want to make any html change.</p>
  
  <p><strong>I am using backbone.js and creating a model view with the images. Then Binding the view in HTML. Then i ma using for printing. This works fine in IE and Safari. but not in chrome, it shows print preview screen and always trying to load all the images from browser cache. But i will not be having those images in the browser while giving printing. All my images sources are dynamic and coming from the service. I am just setting the url dynamically to the image source.</strong></p>
  
  <pre><code>&lt;%_.each( Documents, function(oDocument) {%&gt;
      &lt;div class="images span1"&gt;          
          &lt;img  src="&lt;%- oDocument.URL%&gt;" width="98" height="70" /&gt;       
      &lt;/div&gt;
  &lt;% });%&gt;
  </code></pre>
  
  <p>in print preview only one image is coming rest all coming as dots. if i cancel the print and give print again all are coming fine.</p>
  
  <p>Thanks,
  Jeevitha</p>