How to disable keyboard and mouse wheel navigation

Disabling keyboard and mouse wheel navigation prevents you from using the keyboard or the mouse scroll wheel to change or scroll the gallery image.

With Envira Gallery, you can achieve this using simple code snippets. This guide will show you how!

Adding the Code Snippet

To disable keyboard and mouse wheel navigation, just add the following code to your site.

If you need help adding custom code to your site, please check out our guide on adding custom PHP or JavaScript to your site.

/* Disable Keyboard and Mousewheel Navigation
* 
* @link https://enviragallery.com/docs/how-to-disable-keyboard-and-mousewheel-navigation/
*/

// Disable for Albums
add_filter( 'envira_albums_pre_data', 'my_envira_album_pre_data', 10, 2 );
function my_envira_album_pre_data( $data, $album_id ) {</pre>
<pre>$data['config']['keyboard'] = 0; // 0 for disable, 1 to enable</pre>
<pre>$data['config']['mousewheel'] = false; // false for disable, true to enable
return $data;</pre>
<pre>}

// Disable for Galleries
add_filter( 'envira_gallery_pre_data', 'my_envira_gallery_pre_data', 10, 2 );
function my_envira_gallery_pre_data( $data, $gallery_id ) {</pre>
<pre>$data['config']['keyboard'] = 0; // 0 for disable, 1 to enable</pre>
<pre>$data['config']['mousewheel'] = false; // false for disable, true to enable
return $data;</pre>
<pre>}

After adding the code, check your Envira Gallery to ensure keyboard and mouse wheel navigation are disabled as expected.

That’s it! Would you like to extend Envira further? Check out our tutorial on how to Display Adsense Ads in Lightbox.