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

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

有人可以帮我解决这个问题吗？

我尝试过包括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>

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

只需使用clickContent option:

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

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

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