title: Use Javascript to load some images last
body: <p>Hi I just wondered if this is possible. I have quite a few images on my website and I have made them as small file size as possible. Some of the images are used as a slideshow but there are all loaded in one go. Is there a way using javascript to make the slideshow images load last so that the background images etc load up first and the slideshow loads at the end.
  The images are in the main body of the page and are "slideshowified" using javascript.
  The code for this images is simple:</p>
  
  <pre><code>&lt;div id="pics"&gt;
          &lt;img src="images/cs9.png" width="270px" height="270px" alt="teaching"/&gt;
              &lt;img src="images/cs1.png" width="200px" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs3.png" width="200" height="200px" alt="teaching"/&gt;
  
              &lt;img src="images/cs5.png" width="200" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs6.png" width="200" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs7.png" width="200" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs4.png" width="200" height="200px" alt="teaching"/&gt;
             &lt;img src="images/cs12.png" width="200" height="200px" alt="teaching"/&gt;
             &lt;img src="images/cs8.png" width="200" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs10.png" width="200" height="200px" alt="teaching"/&gt;
              &lt;img src="images/cs14.png" width="200" height="200px" alt="teaching"/&gt;
  
  
          &lt;/div&gt;
  </code></pre>
  
  <p>Any idea would be great</p>
  
  <p>Thanks</p>