如何禁用鼠标移动滑动fancybox幻灯片

9

我正在使用 fancybox 3。我需要禁用鼠标移动滑动fancybox幻灯片,只保留控制按钮next/prev。 我该如何做到这一点? 谢谢。

3个回答

13

因此,完整的答案是:

使用 data-options 属性

<a data-options='{"touch" : false}' data-fancybox data-src="#myElement" href="javascript:;">Click me</a>

或者在初始化fancybox时

$('selector').fancybox({
    touch: false
});

来自@Janis在这里的回答:https://github.com/fancyapps/fancybox/issues/1277


1
顺便提一下,一个快捷方式 data-touch='false' 也可以起作用。 - Janis

9

只需将 touch:false 设置为禁用触摸事件。


5

之前的答案对我在Fancybox 3.5.*上无效。我必须将touch选项移动到opts对象内部,如下所示:

$.fancybox.open({
    src: yoursource,
    opts: {
        touch: false
    }
});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接