我在我的网站上使用 Galleria 插件,一切正常。单击主图像时,它会打开一个灯箱,以便用户可以查看图像。 example
我正在尝试在页面下方创建另一个链接(除了图像本身)以实现相同的目的。
有人可以帮忙吗?
提前致谢。非常感谢!
最佳答案
调用 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
});
希望这有帮助!
关于javascript - 如何创建另一个链接来查看灯箱中的图像 - 图库插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24565867/