如何自定义触发Fancyapp（fancybox）滑动缩放？

Question

这是关于 Fancybox/Fancyapp 的。

我想创建一个按钮

<button id="zoomNext">Zoom</button>

来缩放下一张幻灯片。

Fancybox.bind(".gallery", {
    wheel: 'slide',
});

注意：画廊工作正常。

我试图做这样的事情但没有运气：

$('#zoomNext').click(function(){
   const fancybox = Fancybox.getInstance();
   fancybox.next();
});

文档： https://fancyapps.com/fancybox/api/methods/

Answer 1

由于您没有提供任何演示，我猜测您正在页面上的某个位置执行代码，而您的元素不存在。

启动 Fancybox 并在控制台中执行此代码 -

Fancybox.getInstance().next()

- 如果它有效（它应该更改为下一张幻灯片），那么请仔细检查您的代码。