☰

imgur scroll to gallery images keyboard shortcuts

use ↑/↓ to scroll to the next/previous image within an imgur gallery

当前为 2015-06-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         imgur scroll to gallery images keyboard shortcuts
  3. // @namespace    http://porath.org/
  4. // @version      0.12
  5. // @description  use ↑/↓ to scroll to the next/previous image within an imgur gallery
  6. // @author       porath
  7. // @match        http://imgur.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. // thanks to moiph and CBenni and Brybry
  12.  
  13. var current = 0;
  14. var elems = $('div.image');
  15. var numElems = elems.length;
  16.  
  17. $(document).on('keydown', function (key) {
  18.     if (key.which == 40) {
  19.         key.preventDefault();
  20.         
  21.         if (current + 1 == numElems) {
  22.             if ($('div#album-truncated')) {
  23.                 $('div#album-truncated > a').click();
  24.                 
  25.                 elems = $('div.image');
  26.                 numElems = elems.length;
  27.             }
  28.             
  29.             return;
  30.         }
  31.         
  32.         elems[current + 1].scrollIntoView();
  33.         $('body').scrollTop($('body').scrollTop() - 28);
  34.         current = current + 1;
  35.     }
  36.     
  37.     if (key.which == 38) {
  38.         key.preventDefault();
  39.         
  40.         if (current == 0) {
  41.             return;
  42.         }
  43.         
  44.         elems[current - 1].scrollIntoView();
  45.         $('body').scrollTop($('body').scrollTop() - 28);
  46.         current = current - 1;
  47.     }
  48.     
  49.     if (key.which == 36) { // "home" puts you at the top of the gallery
  50.         current = 0;
  51.     }
  52.     
  53.     if (key.which == 35) { // "end" puts you at the bottom of the gallery
  54.         current = numElems;
  55.     }
  56.     
  57.     if (key.which == 37 || key.which == 39) { // when a user presses left or right to go to the prev/next page
  58.         current = 0;
  59.         elems = $('div.image');
  60.         numElems = elems.length;
  61.     }
  62. });