Question

我正在尝试将jQuery lazy load plugin与jQuery Isotope plugin一起使用。事情似乎很好地融合在一起，但是，我很难弄清楚如何根据我的需要修改延迟负载。

插件默认处理scroll事件以触发延迟加载。还有悬停和点击。我希望插件能够在页面加载时触发。比如，$(window).load()完成后的2000毫秒。

我看到我可以根据文档创建自己的事件函数：

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

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

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

非常感谢任何帮助。

Answer 1

我制作了一个可能有用的延迟加载插件。初始化后，您只需拨打$.fn.lazyloadanything('load')即可自动加载，无需先滚动。无需定制。看看：

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

在页面加载时运行jquery延迟加载不滚动

1 个答案: