将 featherlight gallery 绑定到按钮？

Question

我正在尝试将 featherlight.js 图片库绑定到按钮。

看到这支笔：https://codepen.io/jasonbradberry/pen/aqjLbw

我使用以下代码将灯箱绑定到按钮 (.lightbox-trigger)：

$('#gallery-trigger').featherlightGallery('#gallery a', {});

但它只是将画廊缩略图而不是图像放入灯箱。

我在这里错过了什么？

Answer 1

最简单的就是点击按钮 == 点击第一张图片。

$('#gallery-trigger').click( function() { $('#gallery a:first').click() } )

Answer 2

很好的回答，Marc-André，谢谢你的帮助。我想要这样一种设计，即单击某个大容器（几乎是整页）将在 :first 图片处启动一个画廊，但单击该容器内的单张图片将从该图片开始。我遇到了一些问题（开火两次，..）最后在你的帮助下我做到了：

$('#page-container').click(function(evt) {
    if ($(evt.target).closest('.gallery').length === 0) {
        $('.gallery:first').click();
    }
});
$('.gallery').featherlightGallery();

将 featherlight gallery 绑定到按钮？

Bind featherlight gallery to a button?

jquery

featherlight.js