Lazy Load Images Function Modify

Question

I would like to modify javascript trigger 'ready' and 'ajaxStop' for Lazy Load plugin

$(document).ready(function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
});

$(document).ajaxStop(function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
});

It should be something like this:

    $(document).any-possible-function(function() {
        ...
    });

To minimize the code, Please help with modification.

Marc · Accepted Answer · 2012-09-18 06:55:24Z

2

Not sure what do you want to achieve but to minimize your code write it like this:

var lazyLoader = function() {
    $("img.lazy").lazyload({
        threshold:50,
        skip_invisible : false,
        effect: "fadeIn"
    }).removeClass("lazy");
};

$(document)
    .ready(lazyLoader)
    .ajaxStop(lazyLoader);

answered Sep 18, 2012 at 6:55

Marc

6,7919 gold badges51 silver badges79 bronze badges

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

4 Comments

Ken Tang Over a year ago

I've found that can use $(document).each(function(), does 'each' it mean it should work for each function, however i tried and it doesn't work

Marc Over a year ago

The .each method is for every element in your selection so in your case the selection would be document. You have to clarify what you want to do.

Ken Tang Over a year ago

I would like script start lazyload() for any document trigger i.e: $(document).*(function() (not only for ready or ajaxstop)

Marc Over a year ago

I think there are too much functions in jQuery as it would make sense to do this automatically. It is possible to read all $ methods available and attach the layy function but you would end up with more code as if you attach them manually to all methods needed. And manually you can control on which method you actually bind your lazyloader.

Collectives™ on Stack Overflow

Lazy Load Images Function Modify

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related