Resizes thumbnails on e621.net and replaces them with hi-rez version. Modified for the new site design sometime around 2020-03-06
As of
// ==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);
}