PractiTest Thumbnail Viewer

Displays PractiTest thumbnails in their original size by click.

2023-08-08 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name            PractiTest Thumbnail Viewer
// @name:ja         PractiTest Thumbnail Viewer
// @namespace       https://prod.practitest.com/
// @version         0.5
// @description     Displays PractiTest thumbnails in their original size by click.
// @description:ja  PractiTestのサムネイルをクリックするとオリジナルサイズで表示します。
// @author          proyuki02
// @match           https://prod.practitest.com/*
// @icon            https://www.google.com/s2/favicons?sz=64&domain=prod.practitest.com
// @grant           none
// @license         MIT
// ==/UserScript==

(function() {
    'use strict';
    const thumbs = [];
    const images = document.getElementsByTagName("img");
    for (let i = 0; i < images.length; i++) {
        if (images[i].getAttribute('src').endsWith('style=thumb')) {
            thumbs.push(images[i]);
        }
    }

    thumbs.map((thumb) => {
        thumb.style.cssText = 'cursor: pointer;';
        thumb.onclick = () => {
            // original image
            const img = document.createElement("img");
            img.src = thumb.src + '&style=original';
            img.style.cssText = 'position: fixed; inset: 0; margin: auto; z-index:10000000000; cursor: pointer;';

            // background
            const div = document.createElement("div");
            div.style.cssText = 'position: fixed; inset: 0; background-color:rgba(0,0,0,0.8); z-index:1000000000; cursor: pointer;';
            div.onclick = () => {
                div.remove();
            };
            div.append(img);

            document.body.appendChild(div);
        }
    });
})();

Greasy Fork镜像

PractiTest Thumbnail Viewer

赞助商

广告