请问一下如何实现一个下拉加载更多那种效果！

Question

请问一下如何实现一个下拉加载更多那种效果！
1.我做了一个相册网站，因为有的相册图片过于多，如果一个相册点进去全部加载的话太费网络，所以想实现一个下拉加载更多的效果，或者下面一个按钮，点击然后继续加载n张图片，再点击在加载那种，请问这种如何实现？
2.其实如果要用自动分页来实现也可以，但是网上查了很多自动分页也没看太懂，所以来问问，请问一个静态网页很多图片，如何实现一个自动分页的效果？不然我只有一个一个网页去做静态的，太麻烦了！

Answer 1

思路：
判断轮动条是否到达底部，如果到达底部，

$(window).scroll(function(){
　　var scrollTop = $(this).scrollTop();
　　var scrollHeight = $(document).height();
　　var windowHeight = $(this).height();
　　if(scrollTop + windowHeight == scrollHeight){
　　　　alert("已经到最底部了！");
　　}
});

触发ajax请求，并把新展示的数据追加到元素后面。直到后台告诉你已经无数据停止请求。

Answer 2

你去查延时加载

Answer 3

提供下思路，图片过多的话，ajax异步加载或者脚本异步加载，lazyLoad.js

Answer 4

其实就是分页的另一种形式。
以mysql为例。
假设我数据库有30条数据，我初始化时10条，那么就是limit 0,10
那么我加载更多的时候就可以异步请求，那么就是limit 11，10.拿到结果之后我们可以通过jquery拼接html再append到dom中去。
同理，下一次加载更多我们就是limit 21,10，同样拼接。