☰

Steam Screenshot Arrow and Wheel Controls

Allows you to use the arrow keys to switch screenshots.

  1. // ==UserScript==
  2. // @name        Steam Screenshot Arrow and Wheel Controls
  3. // @namespace   Steam Screenshot Arrow and Wheel Controls
  4. // @description Allows you to use the arrow keys to switch screenshots.
  5. // @author      kriscross07
  6. // @include     *.steampowered.com/app/*
  7. // @include     *steamcommunity.com/sharedfiles/filedetails/*
  8. // @version     1
  9. // @run-at      document-start
  10. // @grant       none
  11. // ==/UserScript==
  12.  
  13. addEventListener('DOMContentLoaded',function(){
  14.   $('#highlight_strip').addEventListener('wheel',function(e){
  15.     e.preventDefault();
  16.     e.deltaY<0&&prev();
  17.     e.deltaY>0&&next();
  18.   });
  19.   addEventListener('keydown',function(e){
  20.     e.which==37&&prev(),e.preventDefault();
  21.     e.which==39&&next(),e.preventDefault();
  22.   });
  23.   
  24.   function $(selector){
  25.     if(!selector)return null;
  26.     if(selector.charAt(0)=='#')return document.querySelector(selector);
  27.     else return document.querySelectorAll(selector);
  28.   }
  29.   function next(){
  30.     $('.focus')[0].nextSibling.nextSibling&&$('.focus')[0].nextSibling.nextSibling.click();
  31.   }
  32.   function prev(){
  33.     $('.focus')[0].previousSibling.previousSibling&&$('.focus')[0].previousSibling.previousSibling.click();
  34.   }
  35. });