Resizes thumbnails on e621.net and replaces them with hi-rez version. Modified for the new site design sometime around 2020-03-06
// ==UserScript==
// @name e621 Thumbnail Enhancer 2
// @version 1.00
// @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 http://*e621.net/post*
// @include https://*e621.net/post*
// @include http://*e621.net/pool*
// @include https://*e621.net/pool*
// @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');
}
})();