关于空间的改造方案

推荐使用：gridster

jQuery插件：超酷的多列网格式拖放插件gridster.js

gridster.js–可拖拽的网格插件

Masonry：一款很好用的jquery网页瀑布流布局插件
http://www.5icool.org/a/201203/a1143.html

随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 — 瀑布流式布局

纯手工打造漂亮的瀑布流，五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！
http://www.cnblogs.com/sanshi/p/3237429.html

web前端学习笔记-瀑布流的算法分析与代码实现
http://www.cnblogs.com/dennisit/p/3244987.html

采集博客园文章，用瀑布流+无限滚动展示(附源码)
http://www.cnblogs.com/zery/p/3446746.html

图片高度BUG修正：
由于网络传输的速度问题，当浏览器加载了dom，但是img图片还没有加载完毕，这个插件在计算图片高度和定位的时候，就会出错，在firefox和chrome中最为明显，尤其是google chrome。

原因：在chrome浏览器下测试，在图片加载过程中，img的宽度和高度均为0，而在IE下，则浏览器先给img设定了宽度和高度，所以这个插件在IE下使用正常，但在chrome会出错。而这个插件看了官方的image demo也是如此，box层并没有动态生成一个高度值把布局撑开。

解决办法就是先让所有的图片加载完毕，才执行一次masonry()方法。