javascript - 复制 Cargocollective jquery/lightbox

Question

很久以前，我有一个关于 cargocollective 的网站。 http://cargocollective.com/ruimelo

而且我正在构建一个不使用 Cargo 的新产品，但是我喜欢 Cargocollective 在这个主题中的展示方式。虽然每件作品都显示有一个小缩略图，但您单击它，它会展开，显示完整的图像和简要说明。

我确信这已经完成了，但是对于我的生活，我找不到它，或者在线上类似的 jQuery 插件，而且当我自己编写 JS 时，我绝对不能满足。

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

Answer 1

我认为你能得到的最接近的是使用Masonry插件。请参阅我创建的这个小演示http://jsfiddle.net/dfsq/838Bf/1/

所以基本上你需要做的只是通过AJAX加载项目数据并放入相应的容器中。其余的将由插件处理。

插件的使用非常简单，比如

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