当用户向下滚动页面时，使用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。