Disable pinch zoom on fancybox images for mobile

Question

I'm currently using Fancybox I'd like to disable image zoom with the pinch gesture on iPad.

I've tried using CSS touch-action:none; and setting options in fancy box.

$("[data-fancybox]").fancybox({
  clickContent    : false,
});

I'd like the image to not respond to pinch zooming.

Answer 1

You can disable gestures by setting touch: false , for example, this would disable for entire page:

$.fancybox.defaults.touch = false;

Or you can disable individually by adding data-options='{"touch" : false}' to your link.