hide-images-3

Replaces images on Wikipedia with a placeholder until you click them. Adapted from https://en.wikipedia.org/wiki/User:Anomie/hide-images

이 스크립트를 설치하려면 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        hide-images-3
// @namespace   https://en.wikipedia.org/wiki/User:Twotwos
// @author      twotwos and Smurf Someone
// @description Replaces images on Wikipedia with a placeholder until you click them. Adapted from https://en.wikipedia.org/wiki/User:Anomie/hide-images
// @match       *://*.wikipedia.org/*
// @match       *://*.wikimedia.org/*
// @grant       GM_addStyle
// @run-at      document-start
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @version     2
// @license     CC BY-SA 3.0
// ==/UserScript==
 
GM_addStyle('img {visibility:hidden;} img.hide-images-handled {visibility:visible;} span.hide-images-wrapper {background:url(//upload.wikimedia.org/wikipedia/commons/thumb/9/9c/Battenburg-white-blue.svg/300px-Battenburg-white-blue.svg.png) repeat;background-size:contain;outline:2px solid red;cursor:pointer;display:inline-block;} span.hide-images-wrapper img.hide-images-handled {visibility:hidden;}')
 
( function ( $ ){
    var hide_regex = /^(?:https?:)?\/\/upload.wikimedia.org\/wikipedia\/(?:en|commons)\//;
 
    function clickHandler ( e ) {
        e.stopPropagation();
        e.preventDefault();
        $( this.firstChild ).unwrap();
    };
 
    function makeWrapper () {
        return $( '<span>', {
            'class': 'hide-images-wrapper',
            'click': clickHandler
        } );
    };
 
    $( 'img' ).each( function () {
        if ( hide_regex.test( this.src ) ) {
            $( this ).wrap( makeWrapper );
        }
        $( this ).addClass( 'hide-images-handled' );
    } );
}(jQuery ) );