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

时间:2010-02-02 09:50:52

标签: javascript mootools

有没有人知道一个库会在用户向下滚动时自动加载图片?我的想法是,我希望在视口更改时动态地在墙上添加用户头像。相关的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>

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

1 个答案:

答案 0 :(得分:1)

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