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

Lazy load or image loading sequence questions

本文关键字:问题 加载 图像 延迟加载      更新时间:2023-09-26

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

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

我知道如果我们有一个长页面(滚动)和许多图片,就会使用延迟加载图像。用户可能无法看到下面的所有图片,因此如果在网络加载期间一次加载所有内容,则有点浪费带宽。因此,我们使用延迟加载图像,当用户滚动页面时将加载图像。

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

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

非常感谢您的帮助

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

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