当用户向下滚动页面时，使用mootools在网页上加载图像

Question

有没有人知道一个库会在用户向下滚动时自动加载图片？我的想法是，我希望在视口更改时动态地在墙上添加用户头像。相关的HTML将是这样的：

<div class="comment">
  <a class="avatar" rel="nick" href="users/nick"></a>
  <p>comment goes here</p>
</div>

当用户向下滚动页面时，html需要像这样更改：

<a class="avatar loaded" rel="nick" href="users/nick">
  <img src="avatars/nick.png"/></a>

此外，如果可能的话，也应该可以缓存图像以最小化后端流量。

Answer 1

查看David Walsh的LazyLoad。另外一位作者也有LazyLoad for jQuery。