1

再会。

我有这样的问题：打开fancyBox画廊时，我只需单击打开的图像（幻灯片），图像就会缩放。我需要禁用这种行为。

在文档中，建议使用clickContent事件来自定义行为。我从文档中获取示例并通过以下方式初始化我的画廊副本：

$("[data-fancybox]").fancybox({
    clickContent : function( current, event ) {
        // return current.type === 'image' ? 'zoom' : false;
        if (current.type === 'image') {
            return false;
        }
    },
    slideShow: false,
    fullScreen: false,
    thumbs: false
});

但clickContent覆盖不起作用。我试过console.log() clickContent事件：

$("[data-fancybox]").fancybox({
    clickContent : function( current, event ) {
        // return current.type === 'image' ? 'zoom' : false;
        console.log('clicking test!');
    },
    slideShow: false,
    fullScreen: false,
    thumbs: false
});

但我没有成功。

也许我在某个地方犯了一个错误。请纠正我。先感谢您！

4

1 回答 1

1

更新到 v3.1 并使用clickContent选项来选择用户单击内容时的操作。可能的值：

"close"           - close instance
"next"            - move to next gallery item
"nextOrClose"     - move to next gallery item or close if gallery has only one item
"toggleControls"  - show/hide controls
"zoom"            - zoom image (if loaded successfully)
false             - do nothing

它也可以是从列表中返回值的函数。默认值：

clickContent : function( current, event ) {
  return current.type === 'image' ? 'zoom' : false;
}

此外，您的代码段工作正常 - https://codepen.io/anon/pen/GvNdJE

于 2017-08-04T10:20:20.610 回答