Navigate through game moves by mouse wheel over the chess board.

_layouts/default.html

@@ -39,6 +39,7 @@
     <!-- Tablesorter jQuery plugin -->
     <script src="/assets/js/jquery.tablesorter.min.js"></script>
     <script src="/assets/js/jquery.metadata.js"></script>
+    <script src="/assets/js/jquery.mousewheel.min.js"></script>
 
     <!-- Custom JavaScript based on Bootstrap and jQuery -->
     <script src="/assets/js/custom.js"></script>

assets/js/custom.js

@@ -17,12 +17,26 @@ $(function() {
     sortReset   : true,
     sortRestart : true
   });
+
+  /* Navigate through game moves by mouse wheel over the chess board */
+  $('#GameBoard').mousewheel(function(event) {
+    if (event.deltaY == -1) {
+      $('#forwardButton').click();
+    } else if (event.deltaY == 1) {
+      $('#backButton').click();
+    }
+    event.stopPropagation();
+    return false;
+  });
 })
 
 /* Stylize pgn4web elements by Bootstrap */
 function customFunctionOnPgnGameLoad() {
   $('#GameSelSelect').addClass('form-control');
   $('#autoplayButton').click(refreshButtonset);
+
+  /* No titles for mouse wheel over the chess board */
+  $('#GameBoard .pieceImage').removeAttr('title');
 }
 function customFunctionOnMove() {
   refreshButtonset();

assets/js/jquery.mousewheel.min.js

@@ -0,0 +1 @@
+../vendor/jquery-mousewheel/jquery.mousewheel.min.js