17.06.2020, 22:52:27
Per
// ==UserScript==
// @name Rotate images
// @namespace BladeMight Scripts
// @include /^https?.*/
// @grant none
// @version 1.0006
// @author BladeMight
// @description 17.06.2020, 22:52:27
// ==/UserScript==
var mx, my;
var img_b64 = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGl4QnVpbGRlciBTdHVkaW/FWXY7AAABwklEQVQ4T2NwIBGANJw5w0Akgmo4f4T13HGWsyeZzp5mRFOBhqAaLu/hvrSPiwEvQNFwbbPgta0CQNErO3kv7+a5tJfr4n7OCwfZLxxmO3+U5dxxZnQNt1aJ31wjChS9sUH4+ibBa1sErm7jv7KD9/IunksgyzmBUhcOsQFdDtVwb6Hs3cUyd5ZK3V4ueWul+M3VYjfWidxYL3x9oxBQKVAz2HIeIAnV8HCG8sNZSkD+/Xny9xaANS+Rvr0MqFni1moxoDgEAF0O1fC0XxMqxsAA0jxT6cFsRbBmubuLgPqlgeK3V0gAXQ7VAOS/6NADks96tYHkkwkajyerPZ6q+mi6ClTzXIX78+WALodqeFtn+qbBBKj0VYvhyzYDoObnXbrPerSf9mk9naDxZJI6UOrRNBWg5VANH0qt35dbAUXfVZu/rTV7U2/yutH4VbPhy1aDF+36zzt1wZZrAV0O1fAlx/FzHshheMCrVoOXbfpQDT+SPb6nun1Ld/2a6fwlx+lLrsPnfPtPhXYfS2wglr+rsnhbYw50OVTDn2i/3zE+v+K8fyZ6gjSnuAM1f8t0+ZoN1OwI1VxsC9QM1UACcHAAAII+JPmc2jrCAAAAAElFTkSuQmCC')";
var img_b64_push = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGl4QnVpbGRlciBTdHVkaW/FWXY7AAABpUlEQVQ4T2NwIBGANJxh4CMSQTWcZ5U9xyJ+jkngLCM/mgo0BNVwmVvnEpf2f7wARcN1QYdrAnZA0cu8Rld4jICaL3KqXmRXucAmd4FF5iyzGLqGm+JBN0V9gKI3hd2uC9oDNV/lt4RovsitfZlTCygF1Ax0OVTDfdm0OzIJd6TibktGAjXfEgu6IeIN1HxNyBWoFKgZSAI1A0mohofKFQ+VS4D8+/I5EM13pROAmm9JBAM1A8UhAOhyqIanml1Qsf//wZorHigUAjXfk0u7K5sK1AwUvyMBshyqAch/oTcdSD7VngAkH2u2PlatA6JHKpVQzYq59+SygZZDNbwxW/fadCVQ6SujxS8M5gA1P9edBtT8VLv7iUbnE41WoBREM1TDB5v97y33AUXfmm8Gotema18br4BqNpgD1AyUeqY1AehyqIYvDlc+O54HiuIBrwwWATVDNfzwePrd9clX9/tfnW9+cbryxeHCZ/vzn+xOfbQ+ArH8ncUOoM1Al0M1/Pb/+dv36y+v9z+8XoE0u4M1u9766nwVZDlEsy1IM1QDCcDBAQBG/oKAP6AiGQAAAABJRU5ErkJggg==')";
var flip_b64 = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGl4QnVpbGRlciBTdHVkaW/FWXY7AAABXElEQVQ4T2NwIBGANPwPDoajf6FBf6L8fsV7fU9x/5rl/Dnf/mOJzbtKizf1Jq9aDNE1/I3w/x3r8yPZ41uGy5dcx49Ftu8rLN/Wmr5qMnrRrvesVwuh4W94wO8Y35+Jnt/T3L5kO30qtPtQZvWu2vx1g/HLNv3n3TpPJmg8mqYC1QB1QyoWNzzv1H3ar/l4iurDWUr358tBNSDcUGzLwMCA7AYg9+EM5ftzFe4ulrm9QgKq4UsO1A1AaTQ3PJitCBS8s0zq5mqx6xuFoBqAbgCKEgSXd/FANcDdABR9Mkkd2Q0314oCBa/s4L20j+vCYTaoBmQ3AKXvLZSFuwFk8B7uiwfZzx1nOXMGpBiEkcPhzhLpW6vEb6wXvrZFAOiGiwc4zh9lPXuKEagaoQHsBnm4G65tFoS74dwJZohSFA3Ibri6jR/ZDWgIqgGPG9AQVAMeN6AhqAYSgIMDAOGUSM3NHQEIAAAAAElFTkSuQmCC')";
var flip_b64_push = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGl4QnVpbGRlciBTdHVkaW/FWXY7AAABVElEQVQ4T2NwIBGANLwN/g9HH4L+ffX//cvr+3f3N1+dH322v/7R+sw7i4OvTbe9MlqNruGT/9+fvr9/eLz96vr4i8Odj7Zn31seemO2/ZXR+hd6S55pzURoACr94ffrh9en764vvjjd/WR36YPV8bfme14bb3hhsPS57qzHmn2PVJqgGvC44bnu/Keakx+rtj9UrrknVwLVgOyG////I7sByH2o3HhfseyOTOYdiSSoBrgbgNJobnigUAUUvCOVfEss+pqQH1QD0A1AUYLgCo81VAPcDUDRJxp9yG64KRoGFLzMa32Jy+QCmzpUA7IbgNL3ZfPhbgCp5ja9yK57jkXxDIMEVANyONyVzrwpHn1TOOCagAfQDRc49M6zqp1llASqRmgAuUG+FO6G64KecDecZZaHKEXRgOyGq/xOyG5AQ1ANeNyAhqAa8LgBDUE1kAAcHADuzG/GyEfMIwAAAABJRU5ErkJggg==')";
var last, last_img, last_fl, last_flv, lock_timeout = 0;
window.onmousemove = (event) => {
mx = event.clientX;
my = event.clientY;
var elms = document.elementsFromPoint(mx, my);
var img = elms[0];
if (img) {
var p = img.parentNode;
// console.log(img);
if (img.tagName !== "IMG" && img.className.includes("lshowprev")) {
if (img.firstChild.tagName === "IMG")
img = img.firstChild;
else
img = p.querySelector("img");
}
if (img.tagName === "IMG" || img == last || img == last_fl || img == last_flv) {
if (img.width >= 48 && img.height >= 18) {
var BMRI_BASE = document.createElement("div");
BMRI_BASE.className = "BMRI_BASE_DIV";
var br = img.getBoundingClientRect();
if (!p.querySelector(".BMRI_rotate_right")) {
var ch = document.createElement("button");
ch.style.cssText = "z-index: 2000; min-height: 16px !important; \
padding: 0 !important; width: 16px; height: 16px; border: 0px; background: "+img_b64+"; \
color: red;position: absolute; left: " + img.offsetLeft + "px; top: " + img.offsetTop+"px;";
ch.className = "BMRI_rotate_right";
var rotation = 0;
ch.onclick = (e) => {
e.stopPropagation();
e.preventDefault()
img.style.transition = "transform 0.3s ease-in";
rotation += 90;
if (!/rotate/.exec(img.style.transform))
img.style.transform += "rotate("+rotation+"deg)";
else
img.style.transform = img.style.transform.replace(/rotate\(\d+deg\)/, "rotate("+rotation+"deg)");
img.style["pointer-events"] = "none";
if (rotation > 270) rotation = -90;
// console.log("rotate: " + rotation, img)
}
// ch.innerText = "→";
last = ch;
last_img = img;
BMRI_BASE.appendChild(ch);
ch.onmousedown = (e) => { ch.style.background = img_b64_push; };
ch.onmouseup = (e) => { ch.style.background = img_b64; };
}
if (!p.querySelector(".BMRI_flip_img")) {
var fl = document.createElement("button");
fl.style.cssText = "z-index: 2000; min-height: 16px !important; \
padding: 0 !important; width: 16px; height: 16px; border: 0px; background: "+flip_b64+"; \
color: red;position: absolute; left: " + (img.offsetLeft+16) + "px; top: " + img.offsetTop+"px;";
fl.className = "BMRI_flip_img";
var x = 1;
fl.onclick = (e) => {
e.stopPropagation();
e.preventDefault()
img.style.transition = "transform 0.3s ease-in";
if (x == 1) { x = -1; } else { x = 1; }
if (!/scaleX/.exec(img.style.transform))
img.style.transform += "scaleX("+x+")";
else
img.style.transform = img.style.transform.replace(/scaleX\([\d-]+\)/, "scaleX("+x+")");
}
BMRI_BASE.appendChild(fl);
fl.onmousedown = (e) => { fl.style.background = flip_b64_push; };
fl.onmouseup = (e) => { fl.style.background = flip_b64; };
last_fl = fl;
}
if (!p.querySelector('.BMRI_flip_ver_img')) {
var flv = document.createElement("button");
flv.style.cssText = "transform: rotate(90deg); z-index: 2000; padding: 0 !important; \
min-height: 16px !important; width: 16px; height: 16px; border: 0px; background: "+flip_b64+"; \
color: red;position: absolute; left: " + (img.offsetLeft+31) + "px; top: " + img.offsetTop +"px;";
flv.className = "BMRI_flip_ver_img";
var y = 1;
flv.onclick = (e) => {
e.stopPropagation();
e.preventDefault()
img.style.transition = "transform 0.3s ease-in";
if (y == 1) { y = -1; } else { y = 1; }
if (!/scaleY/.exec(img.style.transform))
img.style.transform += "scaleY("+y+")";
else
img.style.transform = img.style.transform.replace(/scaleY\([\d-]+\)/, "scaleY("+y+")");
}
BMRI_BASE.appendChild(flv);
flv.onmousedown = (e) => { flv.style.background = flip_b64_push; };
flv.onmouseup = (e) => { flv.style.background = flip_b64; };
last_flv = flv;
}
if (!document.querySelector(".BMRI_BASE_DIV"))
p.appendChild(BMRI_BASE);
} // else if (img.tagName === "IMG") { console.log("Too small img: " + img.width + "x" + img.height); }
} else {
if (last_img) {
last_img.style.transform = "rotate(0deg)";
last_img.style.transform = "";
if (lock_timeout == 0)
setTimeout(() => { clock_timeout = 0; last_img.style.transition = "";}, 300);
lock_timeout = 1;
last_img.style["pointer-events"] = "";
}
var BMRI_BASE = document.querySelector(".BMRI_BASE_DIV");
if (BMRI_BASE) BMRI_BASE.remove();
if (last) last.remove();
if (last_fl) last_fl.remove();
if (last_flv) last_flv.remove();
}
}
// console.log(mx, my);
}