我是一名 UX 设计师,正在探索项目的 Masonry 界面。
我想上传我自己的块(各种尺寸的照片),并使用参数来查看它们如何影响布局。我一直在寻找带有“上传”选项的在线演示,但找不到。
我是一名 UX 设计师,正在探索项目的 Masonry 界面。
我想上传我自己的块(各种尺寸的照片),并使用参数来查看它们如何影响布局。我一直在寻找带有“上传”选项的在线演示,但找不到。
如果您访问http://masonry.desandro.com/,那里有许多演示以及要下载的代码。
希望这可以帮助。
你可以在这里找到一个版本: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。还有来自同一开发商的包装。
我将使用 Visual Studio Web Developer 2010 Express 并使用 Desandro 的 masonry.js 创建一个本地主机站点。在这里找到。它的使用非常简单。我必须将脚本代码放在结束</body>
标记之前以使其正常运行,但在其他应用程序中可能会有所不同。你必须得到 jquery.js,Desandro,(砌体的编码器)告诉你如何在他的网站上实现它。
Masonry.js 可以免费使用,但是 isotope 是非商业的,除非您支付 25 美元才能将其用于商业用途。