1

我有几张我想打开画廊的图片(使用 lightgallery)。所以我查看了他们的文档,发现要使用多个实例,我必须包含 lg-hash.js 并为不同的画廊提供 id。这正是我所做的,但第二张图片不起作用。它打开了灯箱,但装载机只是不停地旋转。

我的代码:

<div id="hash">
    <a href="'.$fbimage.'">
        <img style="max-width:250px;" src="'.$fbimage.'">
    </a>
</div>
<div id="hash1">
    <a href="'.$block_image->{'image_intro'}.'">
        <img style="max-width:100%;" src="'.$block_image->{'image_intro'}.'">
    </a>
<div>

还有js部分:

<script type="text/javascript">
$(document).ready(function() {
    $("#hash").lightGallery({
        hash: true,
        galleryId: 1
    });
    $('#hash1').lightGallery({
        hash: true,
        galleryId: 2
    });
});
</script>

第一个正在正常工作,但第二个图像没有加载,我无法关闭第二个上的 lightgallery。

出了什么问题?这是他们文档的链接

4

0 回答 0