Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复制jquery/lightbox_Javascript_Jquery_Plugins_Web_Cargo - Fatal编程技术网

Javascript 复制jquery/lightbox

Javascript 复制jquery/lightbox,javascript,jquery,plugins,web,cargo,Javascript,Jquery,Plugins,Web,Cargo,我在cargocollective上有一个很久以前的网站。 我正在构建一个不使用Cargo的新显示器,但是我喜欢Cargo Collective显示器在这个主题中的工作方式。虽然每个片段都显示有一个小缩略图,但单击它,它就会展开,显示完整的图像和简要的描述 我相信这以前已经做过了,但我一生都找不到它,或者类似的jQuery插件,而且我自己写JS肯定也不够格 如果有人能给我指出正确的方向,我将非常感激 我认为最接近的方法就是使用插件。 看到我创建的这个小演示了吗 所以基本上您需要做的就是通过AJ

我在cargocollective上有一个很久以前的网站。

我正在构建一个不使用Cargo的新显示器,但是我喜欢Cargo Collective显示器在这个主题中的工作方式。虽然每个片段都显示有一个小缩略图,但单击它,它就会展开,显示完整的图像和简要的描述

我相信这以前已经做过了,但我一生都找不到它,或者类似的jQuery插件,而且我自己写JS肯定也不够格


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

我认为最接近的方法就是使用插件。 看到我创建的这个小演示了吗

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

插件的使用非常简单,就像

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