HTML/Javascript拼貼圖片？

想知道如果我有一個動態的圖像數據列表，是否有任何庫或技術來平鋪數據列表。請記住，我並不知道這個名單有多長，但我們假設它至少有一行（瓦）的價值元素。HTML/Javascript拼貼圖片？

例如像這樣的東西 enter image description here

2013-10-14 Michael

可能重複的[Google+樣式平鋪照片庫]（http://stackoverflow.com/questions/8950842/google-style-tiled-photo-gallery） – Ben

我會做一個網格，或預建的表，有一行，以及如何許多圖像遍佈你想要的。然後，當你得到你的圖像，獲得一個計數，並動態添加行，使用圖像的索引放置到單元格/ TD的索引。將是一條很好的路線，直到你找到一個圖書館，如果有的話。雖然有時候，如果它不是一個巨大的「重新發明輪子」類型的代碼片段，那麼爲它編寫自己的代碼有一些好處。 :)希望有幫助。

順便說一句，jQuery Masonary和Responsive Photo Grid是一些你可以研究的庫。這裏有一個相關的貼子給你：Mosaic Grid gallery with dynamic sized images

來源

2013-10-14 03:55:14 Casey

另一個偉大的圖書館看看是同位素 - http://isotope.metafizzy.co/ – Pavel

我剛剛發佈一個。快速谷歌搜索顯示這從堆棧對話返回。我只是從來沒有需要使用這種風格，所以沒有意識到一個圖書館。 – Casey

研究完這些之後，我想我可能會寫出一個，並擱置當前的項目。雖然，我覺得我目前的項目會非常有用。一個問題出現了很多，所以我不知道......發佈圖書館如何爲你工作，如果你不介意的話，跟進！ – Casey

HTML/Javascript拼貼圖片？

回答

相關問題