3

我正在尝试将jQuery 延迟加载插件jQuery Isotope 插件一起使用。事情似乎很好地结合在一起,但是,我很难弄清楚如何修改延迟加载插件以满足我的需求。

该插件默认处理滚动事件以触发延迟加载。还有悬停和点击。我希望插件在页面加载时触发。说,完成后 2000 毫秒$(window).load()

我看到我可以按照文档创建自己的事件函数,如下所示:

$(function() {          
    $("img:below-the-fold").lazyload({
        event : "sporty"
    });
});
$(window).bind("load", function() { 
    var timeout = setTimeout(function() {$("img.lazy").trigger("sporty")}, 5000);
}); 

但是,由于我的无知,我看不到如何使用此代码段来创建自己的页面加载事件。

我希望在之后延迟加载初始图像$(window).load(),然后当我应用同位素过滤事件时,在填充 DOM 时延迟加载新项目。

任何帮助深表感谢。

4

1 回答 1

0

我制作了一个可能有帮助的延迟加载插件。初始化后,您只需调用$.fn.lazyloadanything('load')它,它就会自动加载而无需先滚动。无需定制。一探究竟:

https://github.com/shrimpwagon/jquery-lazyloadanything

于 2013-03-04T21:50:53.090 回答