Home/ Questions/Q 9112885
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T03:50:34+00:00

How can I disable the mouse wheel handler and the keyboard arrow keys that

  • 0

How can I disable the mouse wheel handler and the keyboard arrow keys that currently navigate the modal gallery to the next image?

Here is the demo site: http://blueimp.github.com/Bootstrap-Image-Gallery/.

If you click on one of the image a modal pop up and if you use your mouse to scroll down or press your arrow keys, it’ll go to the next image. I would like for user to only be able to click on the actual navigation button and prevent any accident of scrolling down the modal to see more but instead goes to the next image when it’s unintended.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Easiest way i can think of is if you are hosting the code yourself – the handlers are bootstrap-image-gallery.js:

    • keyHandler at line 235

    • wheelHandler at line 249

    Those only do prev() and next() so if you don’t want that functionality you can just comment it out I guess…

    • 0