如何创建另一个链接以查看灯箱中的图像 - Galleria插件

Question

我在我的网站上使用Galleria插件，一切正常。单击主图像时，它会打开一个灯箱，以便用户可以查看图像。example

我正在尝试在页面下方创建另一个链接（除了图像本身）以实现相同的目的。

有人可以帮忙吗？

提前致谢。非常感谢！

Answer 1

在调用Galleria.run('#selector')方法后，您可以编写链接html，添加data-imgIndex数据属性。为您的可点击链接提供一个类，例如“show-lightbox”。

<强> HTML

<a href='#' class='show-lightbox' data-imgIndex='1'>Link text here</a> 
<!-- link to first image in galleria set -->

<强> JQuery的

$(document).on('click', '.show-lightbox', function() {
    var gallery = Galleria.get(0),
        index = $(this).data('imgIndex');
    index = +index //convert string to int with preceding plus-sign
    gallery.openLightbox(index); // open lightbox to img at specified index
});

希望这有帮助！