title: How to preload images that will appear in future web pages
body: <p>I'm making a "Photo Wall", which is essentially a very long page consisting of many thumbnail photo's. The photo's are the main reason to be at the page, so I would like them to be loaded already when the page loads. I'm wondering if I can preload them on the landing page (index.php), but I'm wondering if that would slow down the home page. Can someone give me insight into how this preloading function works. Would the homepage load slow? Would the homepage be laggy in other operations because it has many things to load in the background? </p>
  
  <p>(I would just do it and see what happens, but I have no way of accurately testing the speed of the website. Thus, I would like to just know ahead of time what will be functional.)</p>
  
  <p>I'm using CS6 Adobe Dreamweaver's built in preloading function here:</p>
  
  <pre><code>function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i&lt;a.length; i++)
      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  }
  </code></pre>
  
  <p>Except I add my own images that I'd like to preload manually (Works fine, and I would add the images for the future page here.):</p>
  
  <pre><code>&lt;body 
  onload="MM_preloadImages('path/image.gif','path/image2.gif','path/image3.gif')"&gt;
  </code></pre>