title: Fancybox 3: Disable zoom when image is clicked
body: <p>I have set up a simple image slider using the Fancybox 3 plugin (<a href="http://fancyapps.com/fancybox/3/docs/" rel="nofollow noreferrer">http://fancyapps.com/fancybox/3/docs/</a>) within the Kirby CMS (<a href="https://getkirby.com/" rel="nofollow noreferrer">https://getkirby.com/</a>). The only thing I'm not able to work out, is how to stop the slider from zooming into an image when the image is clicked on while the slider is open.</p>
  
  <p>Can someone give me a hand with this?</p>
  
  <p>I tried including <code>clickSlide : 'close',</code> in the options for the slider, but it did not work.</p>
  
  <p>Here are the options I have set up for the slider globally on my site:</p>
  
  <pre><code>  &lt;!-- Setting fancybox-options GLOBALLY --&gt;
  
      &lt;script type="text/javascript"&gt;
  
         $("[data-fancybox]").fancybox({
  
           thumbs          : false,
  
           hash            : false,
  
           loop            : true,
  
           keyboard        : true,
  
           toolbar         : false,
  
           animationEffect : false,
  
           arrows          : true,
  
         });
  
      &lt;/script&gt;
  
    &lt;!-- /////////////////////// --&gt;
  </code></pre>