Fancybox 3:单击图像时禁用缩放

Question

我使用Kirby CMS(https://getkirby.com/)中的Fancybox 3插件(http://fancyapps.com/fancybox/3/docs/)设置了一个简单的图像滑块.我唯一无法解决的问题是,当滑块打开时,如何在单击图像时停止滑块缩放到图像.

有人可以帮我一把吗？

我尝试包含clickSlide : 'close',滑块的选项,但它没有用.

以下是我在我的网站上为全局滑块设置的选项:

  <!-- Setting fancybox-options GLOBALLY -->

    <script type="text/javascript">

       $("[data-fancybox]").fancybox({

         thumbs          : false,

         hash            : false,

         loop            : true,

         keyboard        : true,

         toolbar         : false,

         animationEffect : false,

         arrows          : true,

       });

    </script>

  <!-- /////////////////////// -->

Answer 1

只需使用clickContent选项:

$("[data-fancybox]").fancybox({
  thumbs          : false,
  hash            : false,
  loop            : true,
  keyboard        : true,
  toolbar         : false,
  animationEffect : false,
  arrows          : true,
  clickContent    : false
});

演示 - https://codepen.io/anon/pen/XaabLJ?editors=1010

clickSlide选项用于内容外部的点击,但在幻灯片内部.并且由于幻灯片的父级可以调整大小(如本示例中所示 - https://codepen.io/fancyapps/pen/ZKqaKO),clickOutside因此在幻灯片外部单击时可以选择该选项.