将羽毛灯廊绑定到按钮？

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