☰

Twitter image viewing enhancement

Make Twitter photo viewing more humane

Fra og med 01.11.2019. Se den nyeste version.

  1. // ==UserScript==
  2. // @name         Twitter image viewing enhancement
  3. // @name:zh-CN   Twitter 图片查看增强
  4. // @name:zh-TW   Twitter 圖像查看增強
  5. // @icon         https://twitter.com/favicon.ico
  6. // @namespace    https://moe.best/
  7. // @version      0.3
  8. // @description        Make Twitter photo viewing more humane
  9. // @description:zh-CN  让推特图片浏览更加人性化
  10. // @description:zh-TW  讓 Twitter 照片瀏覽更人性化
  11. // @author       Jindai Kirin
  12. // @include      https://twitter.com/*
  13. // @license      MIT
  14. // @grant        none
  15. // @run-at       document-end
  16. // @require      https://cdn.bootcss.com/jquery/3.4.1/jquery.slim.min.js
  17. // @require      https://cdn.bootcss.com/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js
  18. // ==/UserScript==
  19.  
  20. (function() {
  21. 	'use strict';
  22.  
  23. 	const closeImgView = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div:last-child > div[dir=auto]')[0]).click();
  24. 	const prevImg = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div > div:first-child > div > div > div[dir=auto]')[0]).click();
  25. 	const nextImg = () => $($('#react-root > div > div > div > div > div > div > div > div > div > div > div > div:first-child > div > div > div[dir=auto]')[1]).click();
  26.  
  27. 	$(document).click(({ target: { tagName, baseURI } }) => {
  28. 		if (tagName == 'IMG' && /\/photo\//.test(baseURI)) closeImgView();
  29. 	});
  30.  
  31. 	$(window).mousewheel(({ deltaY, target: { tagName, baseURI } }) => {
  32. 		if (tagName == 'IMG' && /\/photo\//.test(baseURI)) {
  33. 			switch (deltaY) {
  34. 				case 1:
  35. 					prevImg();
  36. 					break;
  37. 				case -1:
  38. 					nextImg();
  39. 					break;
  40. 			}
  41. 		}
  42. 	});
  43. })();