Javascript 在页面加载时运行jquery惰性加载而不是滚动

Javascript 在页面加载时运行jquery惰性加载而不是滚动,javascript,jquery,lazy-loading,jquery-isotope,Javascript,Jquery,Lazy Loading,Jquery Isotope,我正试着用这个。事情似乎进展得很顺利,但是,我很难弄清楚如何修改惰性负载插件以满足我的需要 插件默认处理滚动事件以触发延迟加载。还有悬停和单击。我希望插件在页面加载时启动。例如,在$(window).load()完成后2000毫秒 我可以根据文档创建自己的事件函数,如下所示: $(function() { $("img:below-the-fold").lazyload({ event : "sporty" }); }); $(window).

我正试着用这个。事情似乎进展得很顺利,但是,我很难弄清楚如何修改惰性负载插件以满足我的需要

插件默认处理滚动事件以触发延迟加载。还有悬停和单击。我希望插件在页面加载时启动。例如,在
$(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时延迟加载新项目


非常感谢您的帮助。

我制作了一个延迟加载插件,可能会有所帮助。初始化后,只需调用
$.fn.lazyloadanything('load')
,它将自动加载,而无需先滚动。不需要定制。请查看:


这段代码非常直截了当。我不太明白你没有得到什么。顺便问一下,你说“新项目”是什么意思?上面代码段的语法让我想起了如何指定函数并适当地调用它。至于“新项目”,同位素在加载页面时隐藏了许多元素。当有人点击一个过滤选项时,一些隐藏的项目会显示出来,并被设置成动画。我仍然不明白为什么你需要一个循环。我建议您对要延迟加载的所有图像使用jQuery选择器,并将它们绑定到加载事件,就像代码段中一样。