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選項當滑動外點擊時。

Answer 2

要禁用單擊以滾動並從工具欄中刪除縮放按鈕：

$('[data-fancybox]').fancybox({
  clickContent: 'close',
  buttons: ['close']
})