延迟加载或图像加载序列问题

时间:2013-09-12 19:33:06

标签: javascript jquery

我的项目经理给出了一项任务。 基本上他想要按顺序加载图像。当页面首次加载时,他希望在加载过程中有一定的顺序。 虽然我已经解释了浏览器如何工作并创建了显示某些序列显示的javascript,但它似乎不符合要求。

他想要的是在页面首次启动时是否可以使用“延迟加载方法”。

我知道如果我们有一个长页面(滚动)和许多图片,则使用延迟加载图像。用户可能看不到下面的所有图片,所以如果在网络加载过程中一切都加载,它就会浪费带宽。 因此,我们使用延迟加载图像,当用户滚动页面时将加载图像。

问题是,是否可以在页面的第一个开始时应用此方法。因此,我们可以直接选择序列,即使在页面的第一个显示上也可以使延迟加载工作而不需要滚动。

我使用的延迟加载是= http://www.appelsiini.net/projects/lazyload https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js

非常感谢您的帮助

1 个答案:

答案 0 :(得分:1)

是的,只需在就绪函数中包含延迟加载初始化

$(document).ready(function(){

    $("img.className").lazyload({
        container: $("#DivId"),
    });

});