1

(lightgallery を使用して) ギャラリーを開きたい画像がいくつかあります。そのため、ドキュメントを調べたところ、lg-hash.js をインクルードし、さまざまなギャラリーに ID を付与する必要がある複数のインスタンスを使用することがわかりました。それはまさに私がやったことですが、2番目の画像は機能していません。ライトボックスが開きますが、ローダーは無限に回転し続けます。

私のコード:

<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>

最初の画像は正常に機能していますが、2 番目の画像が読み込まれておらず、2 番目の画像のライトギャラリーを閉じることができません。

何がうまくいかないのですか？ここに彼らのドキュメントへのリンクがあります

4

0 に答える 0