32.jquery 实战-无限加载+jsonp+瀑布流

代码

准备工作
在图片容器底部底部放一个元素#load，visiablity:hidden，让用户不可见。
在图片容器放置一个空元素(display:none)，用于瀑布流计算宽度用。
jsonp 接口参数： http://platform.sina.com.cn/slide/album_tech?jsoncallback=func&app_key=1271687855&num=3&page=4

流程
当窗口滚动的时候，如果 load 出现在视野，那么执行加载数据并渲染。
加载数据并渲染：使用 ajax 的 jsonp 获取一组数据，执行 渲染并放置。
渲染并放置: 把数据填充成模板，append 到图片容器里。 当这些元素里的图片都加载完全时，执行瀑布流放置。
瀑布流放置: 把新增的这几个元素按照瀑布流的方式放置到合适位置。

预览
demo