馬賽克網格畫廊與動態大小的圖像

Question

我剛剛收到一個項目，圖像網格庫，具有動態寬度&高度圖像（用戶提交的圖像）的以下設計。 （截圖末尾）

我試過jQuery Masonry，Tympanus Automatic Image Montage和CSS-Tricks Seemless Responsive Photo Grid，但每個都有其限制。

• Jquery的砌體允許寬度和高度是動態的，但有產生
• 後者2個腳本，產生非常好的網格差距，但這個問題，要麼寬度或高度必須是靜態

編輯：我碰到了，Isotope，這幾乎是完美的，我可能會最終使用它，除非有什麼東西可以完全解決我的需求。因此，我的問題仍然是一樣的...

是否有任何JavaScript（最好是jQuery）腳本，可以生成完全動態的馬賽克（關於圖像大小），就像下面截圖中的那個？

感謝所有幫助

---

Answer 1

我建議Freewall。它是一個跨瀏覽器和響應式jQuery插件，可幫助您創建多種類型的網格佈局：靈活的佈局，圖像佈局，嵌套的網格佈局，metro風格佈局，pinterest像佈局......具有良好的CSS3動畫效果和回調事件。 Freewall是用於爲桌面，移動設備和平板電腦創建動態網格佈局的一體化解決方案。

主頁和文件：也發現here。

Answer 2

我認爲你可以嘗試"Google Grid Gallery"，它基於前面提到的砌體，還有一些補充，如樣式和查看器。