4chan Archive Image Expander

Adds inline image expansion to 4chan archives.

Verze ze dne 24. 10. 2017. Zobrazit nejnovější verzi.

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

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

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name           4chan Archive Image Expander
// @description    Adds inline image expansion to 4chan archives.
// @author         Hen Tie
// @homepage       http://hen-tie.tumblr.com/
// @namespace      https://greasyfork.org/en/users/8336
// @include        /https?:\/\/(desuarchive.org|archived.moe)\/.*\/thread\/.*/
// @grant          none
// @require        http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
//// @icon           URL
// @version        1.0
// ==/UserScript==
$(function(){
	//video settings
	var settings = 'loop autoplay controls';
	//prevent weird wrapping around expanded images
	$('.theme_default .post header').css('display','inline-block');
	$('.thread_image_box a').on('click', function(e){
		var myHref = $(this).attr('href');
		//new elements containing full size href as src
		var img = $('<img />').attr({'src':myHref, 'class':'openItem'});
		var webm = $('<video ' + settings + '><source type="video/webm" src="' + myHref + '"/></video>').attr('class','openItem').css({'max-width':'100%','height':'auto'});
		//check filetype, hide thumbnail, insert full size file
		if (myHref.match(/.gif$|.png$|.jpg$/g)) {
			e.preventDefault();
			$(this).css('display','none');
			$(this).after(img);
		} else if (myHref.match(/.webm$/g)) {
			e.preventDefault();
			$(this).css('display','none');
			$(this).after(webm);
		} else {
			console.log('"4chan Archive Image Expander"\nUnsupported filetype, please report.\nSee @homepage or @namespace for contact info.');
		}
	});
	//on reclick, remove full size, show thumbnail
	$(document).on('click', 'video.openItem', function(e){
		$(this).remove();
		$(this).prev().css('display','inline-block');
	});
});