Question

如何跳过图库中的第一张图片，我不希望它成为灯箱中显示的图像的一部分。

<div class="gallery">
<a href="path-to-image.jpg">Open image 1 (gallery #2)</a>
<a href="path-to-image.jpg">Open image 2 (gallery #2)</a>
</div>

$('.gallery').each(function() { // the containers for all your galleries
$(this).magnificPopup({
    delegate: 'a', // the selector for gallery item
    type: 'image',
    gallery: {
      enabled:true
    }
  });
});

那么如何从弹出窗口中排除“打开图像1（图库＃2）”？

Answer 1

使用Magnific Popup data-mfp-src属性设置要显示给第二张图像的图像源。

A.jpg是用户选择start.jpg后显示的第一张图片。 start.jog永远不会出现在图库中。

<a href="_/img/start.jpg" data-mfp-src="_/img/A.jpg"><img src="_/img/start.jpg"></a>
<a href="_/img/A.jpg" data-mfp-src="_/img/B.jpg"><img src="_/img/A.jpg"></a>
<a href="_/img/B.jpg" data-mfp-src="_/img/C.jpg"><img src="_/img/B.jpg"></a>
<a href="_/img/C.jpg" data-mfp-src="_/img/D.jpg"><img src="_/img/C.jpg"></a>
<a href="_/img/D.jpg" data-mfp-src="_/img/E.jpg"><img src="_/img/D.jpg"></a>

在magnific-popup中跳过图库中的第一个/开启者图像

1 个答案: