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

Question

我是一名用户体验设计师，正在探索项目的Masonry界面。

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

Answer 1

如果您转到http://masonry.desandro.com/，那里会有许多演示以及要下载的代码。

希望这有帮助。

Answer 2

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

Answer 3

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

  

Masonry.js是免费使用的，但是同位素是非商业性的，除非您支付25美元在商业上使用它。