☰

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

09.03.2020 itibariyledir. En son verisyonu görün.

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu betiği yüklemek için bir betik yöneticisi eklentisi yüklemeniz gerekecektir.

(Zaten bir betik yöneticim var, hadi yükleyelim!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!) 

// ==UserScript==
// @name         e621 Thumbnail Enhancer 2
// @version      1.05
// @description  Resizes thumbnails on e621.net and replaces them with hi-rez version. Modified for the new site design sometime around 2020-03-06
// @author       justrunmyscripts
// @include      *://*e621.net*
// @grant        GM.xmlHttpRequest
// @namespace    https://sleazyfork.org/en/users/96703-justrunmyscripts
// @run-at       document-end
// ==/UserScript==


// original script creator https://greasyfork.org/de/users/398891
// to edit the size of the thumbnails, change the 25vw values below (the ones marked with !important... ;D )

try {
  
  let isMyAbsoluteFavoritePath = window.location.toString().endsWith('/favorites');
  let postContainerHash = isMyAbsoluteFavoritePath ? '#posts' : '#posts-container';

  let sty =document.createElement("style");
  sty.innerHTML=[
       ""
      ,".thumbEnh_cont {"
      ,"    display: flex;"
      ,"    flex-flow: row wrap;"
      ,"}"
      ,".thumbEnh_cont img.thumbEnh_img {"
      ,"    max-height: 100%;"
      ,"    max-width: 100%;"
      ,"}"
      ,"article.post-preview {"
      ,"    height: 25vw !important;"
      ,"    width: 25vw !important;"
      ,"}"
      ,"article.post-preview > a, article.post-preview > a > picture {"
      ,"    height: 94%;"
      ,"    width: 100%;"
      ,"}"
  ].join("");
  document.head.appendChild(sty);


  /* Replace image thumbnails with higher resolution */
  const imageThumb = (thumb) => {
      let newThumb = document.createElement('img');
      let replace = function (thumb) {
        thumb.src = this.src;
      };
      let tryNoSample = function (thumb) {
        this.onerror = tryPng.bind(this, thumb);
        this.src = thumb.src.replace('/preview/', '/');
      };
      let tryPng = function (thumb) {
        this.onerror = tryGif.bind(this, thumb);
        this.src = thumb.src.replace('/preview/', '/').replace('.jpg', '.png');
      };
      let tryGif = function (thumb) {
        this.onerror = null;
        this.src = thumb.src.replace('/preview/', '/').replace('.jpg', '.gif');
      };
      newThumb.onload = replace.bind(newThumb, thumb);
      newThumb.onerror = tryNoSample.bind(newThumb, thumb);
      newThumb.src = thumb.src.replace('/preview/', '/sample/');
  }

  const main = () => {
      let contDiv = document.querySelector(postContainerHash);
      contDiv.className = "thumbEnh_cont";

      let imgs = document.querySelectorAll('article.post-preview img');
      for (img of imgs) {
        img.className = "thumbEnh_img";
        imageThumb(img);
      }

      // remove extra sources, since we're just using the "high rez" version anyways!
      let sources = document.querySelectorAll('article.post-preview source');
      for (source of sources) {  
        let parent = source.parentNode;
        parent.removeChild(source);
      }
  };

  main();

} catch (e) {
  // due to the way greasemonkey 'traps' errors, it kinda hides where the problem is!
  // this is an attempt at "fixing" that
	console.error(e);
}