关于空间的改造方案

推荐使用：gridster

http://gridster.net/

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

http://www.guokr.com/post/313643/

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

http://www.cnblogs.com/58top/archive/2013/01/23/gridster-js-a-drag-and-drop-multi-column-grid.html

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

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

官方地址：
http://masonry.desandro.com/

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

15 个使用 jQuery Masonry 进行布局的网站
http://www.oschina.net/news/24432/15-great-examples-of-websites-using-jquery-masonry?from=rss

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

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

分享一个jQuery动态网格布局插件：Masonry

http://www.gbtags.com/technology/jquerynews/20111201dynamicgridlayoutplugin/

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

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

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