我如何创建另一个链接，以查看在灯箱中的图像-画廊插件

How do I create another link to view the images in a lightbox - Galleria plugin

本文关键字：插件 -画 图像 何创建 创建 链接 另一个      更新时间：2023-09-26

我在我的网站上使用Galleria插件，一切都很好。当主图像被点击时，它会打开一个灯箱，这样用户就可以查看图像。example

我正试图在页面下方创建另一个链接(除了图像本身)以实现相同的功能。

有人能帮忙吗?

提前感谢。最欣赏!

调用Galleria.run('#selector')方法后，可以编写链接html，添加data-imgIndex数据属性。给你的可点击链接一个类，比如'show-lightbox '

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

希望这对你有帮助!

相关文章：