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

Versione datata 06/03/2020. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         e621 Thumbnail Enhancer 2
// @version      1.01
// @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
// ==/UserScript==

// original script creator https://greasyfork.org/de/users/398891
// to edit the size of the thumbnails, change the 700px values below (the ones marked with !important... I know, I know... I got lazy, but I think user scripts are perhaps the one time it's actually "fine" to use !important >:D)

var 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: 700px !important;"
    ,"    width: 700px !important;"
    ,"}"
    ,"article.post-preview > a, article.post-preview > a > picture {"
    ,"    height: 94%;"
    ,"    width: 100%;"
    ,"}"
].join("");
document.head.appendChild(sty);


(function () {
    var contDiv = document.querySelector("#posts-container");
    contDiv.className = "thumbEnh_cont";

    function replacerHiRez(element, property) {
        element[property] = element[property].replace('/preview/', '/sample/');
    }

    var imgs = document.querySelectorAll('article.post-preview img');
    for (img of imgs) {
      img.className = "thumbEnh_img";
      replacerHiRez(img, 'src');
    }
    var sources = document.querySelectorAll('article.post-preview source');
    for (source of sources) {
      replacerHiRez(source, 'srcset');   
    }
})();