Lightbox mobile swipe event

Design help Custom code
1

Hi there!

Is it possible to disable the lightbox swipe navigation (in mobile) when the user starts to zoom an image? The idea is to avoid accidental swipes when we have a zoomed image.

Disabling the swipe event in the browser console does the job but I can’t get it working with javascript. Any lights please?

Video:

Website
https://www.soularquitetos.pt/projetos/autem (please click in the image)

Thks!

2

Just sharing the solution. Add this code before /body tag:

<script>

var Webflow = Webflow || [];
Webflow.push(function () {
  
  $(document).on('tap','.w-inline-block.w-lightbox', function(){
    $('div.w-lightbox-content.w-lightbox-group').off('swipe');    
  });
  
});
  
</script>
2 Likes
3

thanks! Do you know if there’s any way to disable the otpion to pass images while tapping?