☰

Sleazy Fork is available in English.

e621 Thumbnail Enhancer 2

Resizes thumbnails on e621.net and replaces them with hi-rez version. Modified for the new site design sometime around 2020-03-06

Od 09.03.2020.. Pogledajte najnovija verzija.

  1. // ==UserScript==
  2. // @name         e621 Thumbnail Enhancer 2
  3. // @version      1.05
  4. // @description  Resizes thumbnails on e621.net and replaces them with hi-rez version. Modified for the new site design sometime around 2020-03-06
  5. // @author       justrunmyscripts
  6. // @include      *://*e621.net*
  7. // @grant        GM.xmlHttpRequest
  8. // @namespace    https://sleazyfork.org/en/users/96703-justrunmyscripts
  9. // @run-at       document-end
  10. // ==/UserScript==
  11.  
  12.  
  13. // original script creator https://greasyfork.org/de/users/398891
  14. // to edit the size of the thumbnails, change the 25vw values below (the ones marked with !important... ;D )
  15.  
  16. try {
  17.   
  18.   let isMyAbsoluteFavoritePath = window.location.toString().endsWith('/favorites');
  19.   let postContainerHash = isMyAbsoluteFavoritePath ? '#posts' : '#posts-container';
  20.  
  21.   let sty =document.createElement("style");
  22.   sty.innerHTML=[
  23.        ""
  24.       ,".thumbEnh_cont {"
  25.       ,"    display: flex;"
  26.       ,"    flex-flow: row wrap;"
  27.       ,"}"
  28.       ,".thumbEnh_cont img.thumbEnh_img {"
  29.       ,"    max-height: 100%;"
  30.       ,"    max-width: 100%;"
  31.       ,"}"
  32.       ,"article.post-preview {"
  33.       ,"    height: 25vw !important;"
  34.       ,"    width: 25vw !important;"
  35.       ,"}"
  36.       ,"article.post-preview > a, article.post-preview > a > picture {"
  37.       ,"    height: 94%;"
  38.       ,"    width: 100%;"
  39.       ,"}"
  40.   ].join("");
  41.   document.head.appendChild(sty);
  42.  
  43.  
  44.   /* Replace image thumbnails with higher resolution */
  45.   const imageThumb = (thumb) => {
  46.       let newThumb = document.createElement('img');
  47.       let replace = function (thumb) {
  48.         thumb.src = this.src;
  49.       };
  50.       let tryNoSample = function (thumb) {
  51.         this.onerror = tryPng.bind(this, thumb);
  52.         this.src = thumb.src.replace('/preview/', '/');
  53.       };
  54.       let tryPng = function (thumb) {
  55.         this.onerror = tryGif.bind(this, thumb);
  56.         this.src = thumb.src.replace('/preview/', '/').replace('.jpg', '.png');
  57.       };
  58.       let tryGif = function (thumb) {
  59.         this.onerror = null;
  60.         this.src = thumb.src.replace('/preview/', '/').replace('.jpg', '.gif');
  61.       };
  62.       newThumb.onload = replace.bind(newThumb, thumb);
  63.       newThumb.onerror = tryNoSample.bind(newThumb, thumb);
  64.       newThumb.src = thumb.src.replace('/preview/', '/sample/');
  65.   }
  66.  
  67.   const main = () => {
  68.       let contDiv = document.querySelector(postContainerHash);
  69.       contDiv.className = "thumbEnh_cont";
  70.  
  71.       let imgs = document.querySelectorAll('article.post-preview img');
  72.       for (img of imgs) {
  73.         img.className = "thumbEnh_img";
  74.         imageThumb(img);
  75.       }
  76.  
  77.       // remove extra sources, since we're just using the "high rez" version anyways!
  78.       let sources = document.querySelectorAll('article.post-preview source');
  79.       for (source of sources) {  
  80.         let parent = source.parentNode;
  81.         parent.removeChild(source);
  82.       }
  83.   };
  84.  
  85.   main();
  86.  
  87. } catch (e) {
  88.   // due to the way greasemonkey 'traps' errors, it kinda hides where the problem is!
  89.   // this is an attempt at "fixing" that
  90. 	console.error(e);
  91. }