我在哪裏可以找到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/它有一些演示，隨着代碼下載。

希望這會有所幫助。