我在哪里可以找到jQuery砌体现场演示？

Question

我是一位UX设计师，为项目探索Masonry界面。

我想上传我自己的块（各种尺寸的照片），并使用参数来查看它们如何影响布局。我找了一个带有“上传”选项的在线演示，但找不到一个。

Answer 1

你可以在这里找到一个版本：http://benholland.me/javascript/how-to-build-a-site-that-works-like-pinterest/。还有一个免费且重量较轻的wookmark jquery插件：http://www.wookmark.com/jquery-plugin。以下是JS中的2d bin装箱示例：http://incise.org/2d-bin-packing-with-javascript-and-canvas.html。还有来自同一开发人员的包装。

Answer 2

我会使用Visual Studio Web Developer 2010 Express并使用Desandro的masonry.js制作localhost站点。发现here。它非常简单易用。我必须在末尾</body>标记之前放置脚本代码才能使其正常工作，但在其他应用程序中可能会有所不同。你必须得到jquery.js，Desandro（砌体编码）告诉你如何在他的网站上实现它。

Masonry.js可以自由使用，但是同位素非商业的，除非你支付$ 25至商业使用。

Answer 3

如果你去http://masonry.desandro.com/它有一些演示，随着代码下载。

希望这会有所帮助。