防止加载图像

Question

  

可能重复：
  Lazy load images when they come into the viewport

如何防止在长图像网格中加载所有图像数据，但仅加载可见图像。其他应该按需加载，当他们所在的网格部分进入屏幕的可见区域时。

Answer 1

对于jQuery，有许多可用的插件。实现自己并不简单，所以我建议使用库：

http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin

Answer 2

这是一个非常好的jQuery插件，您可以将其用作基础：http://imakewebthings.github.com/jquery-waypoints/

  

Waypoints是一个小型jQuery插件，可以在滚动到元素时轻松执行函数。

所以基本上，当你到达页面底部减去X像素时，你可以加载下一批图像。