title: lazy load plugin to load images as user scrolls?
body: <p>I really like the lazy load plugin and I am gutted it's not working on new browsers. </p>
  
  <p>Is there anyway I can write my own code that doesn't load the images below the fold until the user scrolls?</p>
  
  <pre><code>&lt;img _src="/fullscreen/img/You are everywhere 2.png" class='lazyLoad' /&gt;
  
  jQuery('.lazyLoad').each(function(){
         var _elm= jQuery(this);
         _elm.attr('src',_elm.attr('_src'));
  
         //on DOM ready loop through each 
        //image with class=lazyLoad and add src attribute to it.
  })
  </code></pre>
  
  <p>It would be great if I can get this nailed, it's a pity <a href="http://www.appelsiini.net/projects/lazyload/enabled.html" rel="noreferrer">the appelsiini site</a> isn't supported any longer. </p>
  
  <p>I found a site that works in all browsers <a href="http://haw-lin.com/" rel="noreferrer">http://haw-lin.com/</a> and it's using a very similar plugin script to <a href="http://www.appelsiini.net/projects/lazyload" rel="noreferrer">http://www.appelsiini.net/projects/lazyload</a>. There's no MIT license and I find it difficult to decipher.</p>
  
  <p>What jQuery image lazy load plugin can you recommend?</p>