Lazy load jQuery plugin doesn't work on images loaded via AJAX

Question

I use the lazyload plugin to load images on my website and it works great but when the images are loaded via AJAX (When you click on a thumbnail to load a post) the plugin doesn't seem to work on these images. Could it be that it's because the images were not initially in the DOM?

Any idea what I could do to solve this?

Many thanks.

Plugin: https://github.com/tuupola/jquery_lazyload

$("body img").lazyload({ 
    effect : "fadeIn",
    failure_limit : 99999,
    threshold : 100
});

Anant Dabhi · Accepted Answer · 2012-08-26 15:04:30Z

3

testFunc = function(str, callback) {
    // Send our params
    var data = 'some data to send';
    $.ajax({
        type: 'POST',
        url: 'http://www.myurl.com',
        data: data,
        success: function(data) {

    $("body img").lazyload({ 
        effect : "fadeIn",
        failure_limit : 99999,
        threshold : 100
    });


        }
    });
}

Put the above function after success of ajax call..Since the image is not there event is not binding with those images.

edited Aug 26, 2012 at 15:04

Anant Dabhi

11.2k3 gold badges33 silver badges51 bronze badges

answered Aug 26, 2012 at 14:49

Ashirvad

2,3771 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Lazy load jQuery plugin doesn't work on images loaded via AJAX

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related