当你滚动的时候，图片是如何下载的?
本文关键字：何下载 下载 滚动 当你 | 更新日期: 2023-09-27 18:01:29
我如何才能达到只有在滚动到该内容时才下载图像的效果?因此，如果你有一个很大的页面，页面底部有图片，除非你滚动到那些内容，否则它们永远不会被下载。如果你仍然不清楚，请观看imdb:
http://www.imdb.com/title/tt1385826/加载页面，然后滚动到Cast部分。只有当您滚动时，浏览器才会请求图像并下载。我是否需要编写任何特殊的代码来实现页面上的每个图像?
我认为你必须使用javascript;当移动网页的视窗时，您可以计算图片何时进入视图。此时，您可以将占位符图像的路径交换为正确的图像。
这里有一个页面有一些解释:他们使用这个jQuery插件
有一个叫做LazyLoad的jQuery插件，看起来原作者已经停止了开发，但是在GitHub上有几个拉请求，看起来像他们解决了作者提到的问题
http://www.appelsiini.net/projects/lazyload https://github.com/tuupola/jquery_lazyload/pulls不是一次下载所有的图像，而是编写代码，以便只下载一个页面可以显示的图像(例如20个)。然后在滚动时(到达页面底部时)，您可以调用ajax来加载下20个图像并将它们附加到现有的html页面。