庞大的弹出组不工作

Question

我在我的图库中使用following tool，我创建了以下HTML代码：

 <div class="galerie">
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
 </div>

现在我想将这些元素分组到一个图库中。我试过这个JavaScript代码：

 $('.popup').magnificPopup({
     delegate: 'a',
     type: 'image'
 });

不幸的是，这不起作用。有人可以帮忙吗？

Answer 1

如果有人想知道如何在大胆的弹出窗口中设置群组，则需要 使用＆＃39;画廊＆＃39;选项：

$('.images').magnificPopup({
    type: 'image',
    gallery{
        enabled: true
    }
});

来源：http://dimsemenov.com/plugins/magnific-popup/documentation.html#gallery

Answer 2

尝试

 $('.galerie').magnificPopup({
 delegate: 'a',
 type: 'image'
 });

您应该将所有图库调用为单个图像。