滚动时如何下载图像？

Question

如何在滚动到该内容后仅下载图像的效果。因此，如果您有一个大页面并且页面底部有图像，除非您滚动到该内容，否则它们永远不会被下载。如果您还不清楚，请观看imdb：

http://www.imdb.com/title/tt1385826/

让页面加载，然后滚动到Cast部分。您只有在滚动浏览器时才会看到对图像的请求并进行下载。我是否必须编写任何特殊代码才能使页面上的每个图像都能实现？

提前致谢：）

Answer 1

我认为你必须使用javascript;移动网页的视口时，您可以计算图片何时进入视图。此时，您可以将占位符图像的路径交换为正确的图像。

Here's一个包含一些解释的页面：他们使用this jQuery插件

Answer 2

有一个名为LazyLoad的jQuery插件，看起来原作者停止了开发，但GitHub上有几个pull请求看起来像是修复了作者提到的问题

http://www.appelsiini.net/projects/lazyload

https://github.com/tuupola/jquery_lazyload/pulls

Answer 3

不是一次下载所有图像，而是编写代码，以便只下载页面可以显示的数量（例如20）。然后在滚动（到达页面底部）时，您可以进行ajax调用以加载下20个图像并将它们附加到现有的html页面。