title: Lazy Load doesn't wait for click to load images that are above the fold
body: <p>I am currently using Lazy Load on an image heavy webpage, and I don't want the images to load until I click a button. Lazy Load allows you to have event triggers like this, but I can only make it partially work. </p>
  
  <p>Images below the fold wait for a click to appear, but anything above the fold is loaded when the page is initially brought up. Is this something that cannot be prevented, or am I doing something wrong?</p>
  
  <p>Below is the code I am using.</p>
  
  <pre><code>&lt;body&gt;
  
    &lt;script src="jquery.js"&gt;&lt;/script&gt;
    &lt;script src="jquery.lazyload.js"&gt;&lt;/script&gt;
  
    &lt;img src="blank.gif" class="lazy" data-original="image.png" style="height: 500px; width: 500px;"&gt;
  
    &lt;script&gt;
       $("img.lazy").lazyload({
         event : "click",
         effect : "fadeIn"
       });
    &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>