我的文档页面上有图像，这些图像分散在文本各段之间。在这种情况下，如何使交付画廊像经验一样？

这是示例图片HTML的外观：

<span class="confluence-embedded-file-wrapper conf-macro output-inline" data-hasbody="false" data-macro-name="sp-image">
<img class="confluence-embedded-image" src="/space2021/files/582418577/582418579/1/1563720219000/image1.png">
</span>

我的通话看起来像这样，它只显示一张图片-单击的那张图片：

$('span.confluence-embedded-file-wrapper').magnificPopup({delegate: 'img',type: 'image'});