如何在没有标签的情况下生成（夸张的弹出式）画廊

Question

这就是标记的样子：

<div class="outer">
    <div class="container single sample00 odd">
        <img src="projects/sample00.jpg" alt="sample00.jpg" class="">
    </div>

    <div class="container single sample01 even">
        <img src="projects/sample01.jpg" alt="sample01.jpg" class="">
    </div>
    <div class="container single sample02 odd">
        <img src="projects/sample02.jpg" alt="sample02.jpg" class="">
    </div>
</div>

这就是我认为可行的方法：

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

我用a-tags包装图像做了一个小技巧，但它起作用但对我来说似乎有些笨拙。

感谢。