jquery - 渐进式下载

Question

我正在使用 asp.net MVC 4 razor 开发 JQuery 移动应用程序。在我的应用程序中，数据库中保存了图像列表。

是否可以以渐进方式显示这些图像？

Answer 1

我对你的问题的理解是你不想加载视口(viewport)(网页的可见部分)之外的图像。 您想要延迟加载图像。

检查这个 jQuery 插件:

Lazy Load Plugin for jQuery

<强> See Working Demo

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。它会延迟长网页中图像的加载。 在用户滚动到视口(viewport)(网页的可见部分)之外的图像时，不会加载它们。这与图像预加载相反。

在包含许多大图像的长网页上使用延迟加载可以使页面加载速度更快。加载可见图像后，浏览器将处于就绪状态。在某些情况下，它还可以帮助减少服务器负载。