这就是标记的样子:
<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包装图像做了一个小技巧,但它起作用但对我来说似乎有些笨拙。
感谢。