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

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
});

希望这有帮助!