Question

I really like the lazy load plugin and I am gutted it’s not working on new browsers.

Is there anyway I can write my own code that doesn’t load the images below the fold until the user scrolls?

<img _src="/fullscreen/img/You are everywhere 2.png" class='lazyLoad' />

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.
})

It would be great if I can get this nailed, it’s a pity the appelsiini site isn’t supported any longer.

I found a site that works in all browsers http://haw-lin.com/ and it’s using a very similar plugin script to http://www.appelsiini.net/projects/lazyload. There’s no MIT license and I find it difficult to decipher.

What jQuery image lazy load plugin can you recommend?

Answer 1

The demo page of jQuery image lazy load plugin doesn’t seem to work to me on FF3.6 on Mac. I was watching the HTTP requests with the Net tab of Firebug and I could see all the images loaded onload.

You can check out this plugin called JAIL that works perfectly (requires some HTML changes though).
I especially suggest to look at the the examples.