Any idea why my Lazyload is not working?

Anyone have any idea why my lazy load does not seem to be working?

I copied exactly from the lazy load page even using thei开发者_开发知识库r images as a test, they just load in normal rather than fade...?

lazy link example

I then put a no conflict script in as i have drop down as well, nothing there either which fixed it...

Just loosely fades in first the rest of the images do nothing :(

Very odd..

Taken another look:

jQuery.noConflict();

jQuery(document).ready(function(){
  jQuery(function() {           // <-- what's this doing here?
    jQuery("img").lazyload({
        placeholder: "/images/blank.gif",
        effect: "fadeIn",
        failurelimit: 1,
        threshold: -20
    });
  });
});

You're setting an onload event in your onload handler, that's odd. Remove it and it may work

LazyLoad doesn't work anymore...

Modern browser download images before the dom loaded event occours.

http://www.appelsiini.net/projects/lazyload

... the author says...

Lazy Load is currently not usable. It does not work with the latest browsers as expected. I have currently no time updating the code myself. Patches are always welcome. If you find a solution just fork and send a pull request. Thanks!

It may also worth it to check out this plugin called JAIL lazy loads images