4chan Archive Image Expander

Adds inline image expansion to 4chan archives.

À partir de 2017-10-24. Voir la dernière version.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==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');
	});
});