jquery - Blueimp图像库:多个库崩溃了

I am using Blueimp Image Gallery Library to create my gallery. I am having multiple galleries across several pages.

<div id="bangles">
    <a href="images/banles.jpg" title="banles" data-gallery>
        <img src="images/thumbnails/banles.jpg" alt="banles">
    </a>
    <a href="images/banles1.jpg" title="bangles1" data-gallery>
        <img src="images/thumbnails/banles1.jpg" alt="banles">
    </a>
    <a href="images/banles2.jpg" title="banles2" data-gallery>
    <img src="images/thumbnails/banles2.jpg" alt="banles">
    </a>
</div>


<div id="florals">
    <a href="images/florals.jpg" title="florals" data-gallery>
        <img src="images/thumbnails/florals.jpg" alt="florals">
    </a>
    <a href="images/florals1.jpg" title="florals1" data-gallery>
        <img src="images/thumbnails/florals1.jpg" alt="florals">
    </a>
    <a href="images/florals2.jpg" title="florals2" data-gallery>
    <img src="images/thumbnails/florals2.jpg" alt="florals">
    </a>
</div>

这是我的示例代码。当我尝试打开图片库时，所有图片都崩溃了。

我想查看每个页面中的每个画廊。

如何做到这一点？

最佳答案

只需使用每个图库parent-ID修改您的数据画廊标签

例如：
您的帖子中有2个画廊，这些ID为florals和bangles
因此您可以在data-gallery之前的gallery内修改#blueimp-gallery

1）<a data-gallery="#blueimp-gallery-bangles">

2）<a data-gallery="#blueimp-gallery-florals">

现在，您可以根据需要打开每个图库。

查看Documentation on Github

关于jquery - Blueimp图像库:多个库崩溃了，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44397997/