☰

imgur scroll to gallery images keyboard shortcuts

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

  1. // ==UserScript==
  2. // @name         imgur scroll to gallery images keyboard shortcuts
  3. // @namespace    http://porath.org/
  4. // @version      0.13
  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 = $('.album-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 ($('#album-truncated')) {
  23.                 $('#album-truncated > a').click();
  24.                 
  25.                 window.setTimeout(function() { // wait 200 ms then update the album size
  26.                     elems = $('.album-image');
  27.                     numElems = elems.length;
  28.                 }, 200);
  29.             }
  30.             
  31.             return;
  32.         }
  33.         
  34.         elems[current + 1].scrollIntoView();
  35.         $('body').scrollTop($('body').scrollTop() - 28);
  36.         current = current + 1;
  37.     }
  38.     
  39.     if (key.which == 38) {
  40.         key.preventDefault();
  41.         
  42.         if (current == 0) {
  43.             return;
  44.         }
  45.         
  46.         elems[current - 1].scrollIntoView();
  47.         $('body').scrollTop($('body').scrollTop() - 28);
  48.         current = current - 1;
  49.     }
  50.     
  51.     if (key.which == 36) { // "home" puts you at the top of the gallery
  52.         current = 0;
  53.     }
  54.     
  55.     if (key.which == 35) { // "end" puts you at the bottom of the gallery
  56.         current = numElems;
  57.     }
  58.     
  59.     if (key.which == 37 || key.which == 39) { // when a user presses left or right to go to the prev/next page
  60.         current = 0;
  61.         elems = $('.album-image');
  62.         numElems = elems.length;
  63.     }
  64. });