复制 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
});