title: How to defer the loading of a link href image?
body: <p>I have some links like those shown below.  You click the small image and the big image appears. How can I get all the small images to be visible when the page loads, but not load any of the large images until the link for that image is clicked, or until everything else on the page has loaded?</p>
  
  <pre><code>&lt;a href='big_image_1.jpg'&gt;&lt;img src='small_image_1.jpg' &gt;&lt;/a&gt;"
  &lt;a href='big_image_2.jpg'&gt;&lt;img src='small_image_2.jpg' &gt;&lt;/a&gt;"
  &lt;a href='big_image_3.jpg'&gt;&lt;img src='small_image_3.jpg' &gt;&lt;/a&gt;"
  </code></pre>
  
  <p>Thanks</p>