復制Cargocollective jQuery / Lightbox

Question

很久以前，我在cargocollective上有一個網站。 http://cargocollective.com/ruimelo

我正在開發一個不使用Cargo的新產品，但是我喜歡Cargocollective顯示器在此主題下的工作方式。 盡管每件作品都帶有一個小縮略圖，但是您單擊它就會將其拉伸以顯示完整圖像和簡短說明。

我敢肯定，這是以前做過的，但是對於我來說，我還是找不到它，或者在網上找不到類似的jQuery插件，而且當我自己編寫JS時，我肯定不會sn之以鼻。

如果有人能指出正確的方向，我將非常感激！

Answer 1

我認為最接近的方法是使用Masonry插件。 看到我創建的這個小演示http://jsfiddle.net/dfsq/838Bf/1/

因此，基本上您需要做的就是通過AJAX加載項目數據並將其放入相應的容器中。 其余的將由插件處理。

插件的用法非常簡單，例如

$('ul').masonry({
    itemSelector: 'li',
    columnWidth: 100
});