views:

37

answers:

1

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

I copied exactly from the lazy load page even using their 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..

+1  A: 

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

Harmen
Thanks for you help, even with that out it still doesn't work :(My original one has this and that didn't work either...$(function() { $("img").lazyload({ placeholder : "/images/blank.gif", effect : "fadeIn", failurelimit : 1, threshold: -20 }); }); Its confusing me..
Jezthomp
I've got it to work locally but doesn't work once online :(Tried a few domains as well.Very strange..http://snipt.org/loolp/
Jezthomp
@Jezthump: The problem can be that jQuery loads the images through Ajax, which doesn't work if you have your images on another domain, due to the same origin policy. To fix this you might need to move you images to the same domain
Harmen
Thanks Harmen but still nothing...Doesn't work online whatever i do here is my latest effort http://studioview.co.uk/jeztest/ :(
Jezthomp
@Jezthomp: your grey.gif image is missing, maybe that's it? — According to Chrome's Developer Tools
Harmen