UploadCC Image Viewer

Hover the broken image and click it.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         UploadCC Image Viewer
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Hover the broken image and click it.
// @author       CY Fung
// @match        https://*/*
// @icon         https://upload.cc/favicon.ico
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    function imgClick(){
        window.open(this.src,'_blank');
    }

    function setupFix(s){

        if(s.classList.contains('zmtsr-uploaddcc-img-fix')) return;
        s.classList.add('zmtsr-uploaddcc-img-fix');
        s.addEventListener('click', imgClick, false);

    }

    document.addEventListener('animationstart',function(evt){

        if(evt.animationName==='zmtsrUploadccimgfix'){
            setupFix(evt.target);
        }/*else if(evt.animationName === 'uploadccimgfix2'){
        }*/

    },true);

    GM_addStyle(`

@keyframes zmtsrUploadccimgfix {
     0%{
         background-position-x: 1px;
    }
     100%{
         background-position-x:2px;
    }
}
 @keyframes zmtsrUploadccimgfix2 {
     0%{
         background-position-x: 3px;
    }
     100%{
         background-position-x:4px;
    }
}
 img[src^="https://upload.cc/"]{
     cursor:pointer;
     animation: zmtsrUploadccimgfix 1ms;
}
 a[href] img[src^="https://upload.cc/"]{
     animation: initial;
}
 img[src^="https://upload.cc/"]:hover{
     animation: zmtsrUploadccimgfix2 1ms;
}
 a[href] img[src^="https://upload.cc/"]:hover{
     animation: initial;
}


    `);
    const my_css = GM_getResourceText("IMPORTED_CSS");
    GM_addStyle(my_css);

})();