title: HTML/jQuery Preloading images
body: <p>I'm upgrading a basic photo gallery to use jQuery (woohoo!).</p>
  
  <p>I understand the semantics of jQuery thus far, with one exception: I can't seem to wrap my brain around this whole preloading of images thing. I already have a layout complete with divs classes and ids.</p>
  
  <p>Here's roughly what the image part looks like:</p>
  
  <pre><code>&lt;div id="main"&gt;
  &lt;img id="spotHolder" src="images/somePic.jpg"&gt;
  &lt;/div&gt;
  &lt;div id="others"&gt;
  &lt;img class="otherPics" src="images/someOtherPic.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I was using a <a href="http://jquery-howto.blogspot.com/2009/02/preload-images-with-jquery.html" rel="nofollow">jQuery Howto</a> as a guide for preloading images; but I don't know what I would need to do (if anything?) to the html.</p>
  
  <p>Looking for an idea of what to do.</p>