我需要在網格視圖中顯示帶有標題的照片，如http://pinterest.com/。 我想要做的事情： 與http://pinterest.com/一樣，有些圖像顯示爲不同寬度&高度。所以我想實現同樣的東西， 在我的情況下，圖像來自數據庫（MySQL，PHP），所以所有的圖像都是相同的大小。我需要一些js或jquery代碼在網格視圖中顯示它們，但是具有不同大小的隨機圖像。如何使用jquery像http://pinterest.com/使用jQuery網格視圖顯示帶有標題的照片
第一次使用此爲Pinterest的狀網格：http://masonry.desandro.com/
然後，如果你正在從數據庫中數組與您的圖像URL試試這個代碼：
//'Shuffle' the array for random order
<?php shuffle($arrayImg); ?>
// Iterates over the array
<?php foreach ($arrayImg as $src): ?>
// Random images width between 200 and 300 with 'rand'
// Maybe the random width is contradictory... but test it yourself =)
<img src="images/<?php echo $src ?>" width="<?php rand(200,300) ?>">
<?php endforeach ?>
如果所有的圖像的大小相同，只是使用CSS。 – Mooseman
可能的重複[如何複製pinterest.com的絕對div堆疊佈局]（http://stackoverflow.com/questions/7109362/how-to-replicate-pinterest-coms-absolute-div-stacking-layout） – Antony