Question

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>

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

我想查看每个页面中的每个图库。

如何实现这一目标？

Answer 1

只需使用每个图库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

Blueimp图片库：不止一个图库正在崩溃

1 个答案: