复制Cargocollective jquery/lightbox

clj7thdc  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(80)

我有一个很久以前在cargocollective的网站。http://cargocollective.com/ruimelo
我正在建造一个新的不使用货物的过程中,但是我喜欢Cargocolecular显示在这个主题中的工作方式。虽然每件作品都有一个小缩略图显示,但你点击它,它就会伸展开来,显示完整的图像和简短的描述。
我相信这是以前做过的,但对我来说,我找不到它,或类似的jQuery插件在线,我绝对没有达到鼻烟,当谈到写JS自己。
如果有人能给我指出正确的方向,我将非常感谢!

xfyts7mz

xfyts7mz1#

我认为你可以得到的最接近的是使用Masonry插件。看看我创建的这个小演示http://jsfiddle.net/dfsq/838Bf/1/
所以基本上你需要做的就是通过AJAX加载项目数据并放入相应的容器中。其余的将由插件处理。
插件的使用非常简单,如

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

相关问题