title: how browsers act when downloading images called from ajax?
body: <p>I'm new in this topic, so my apologies for this question :)
  I need to create a page that must show all images uploaded in a post, one at time. When the user click next button, the it must load the next picture, replacing the first one. </p>
  
  <pre><code>&lt; [ image1 ] &gt; 
    Title
    Description
    other content
  </code></pre>
  
  <p>--> User clicks next</p>
  
  <pre><code>&lt; [ image2 ] &gt; 
    Title
    Description
    other content
  </code></pre>
  
  <p>However, in order to speed the image display load, the two following images need to be downloaded in hidden panels, so the images will be cached when user clicks next and load the next bundle of images. </p>
  
  <p>If I use ajax to do this task, will the browser use the downloaded images or ajax will download them once again?</p>
  
  <p>Is there a way to do this process more optimal?</p>
  
  <p>Thank you very much!</p>