Adds inline image expansion to 4chan archives.
ของเมื่อวันที่
// ==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 https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
//// @icon URL
// @version 1.2
// ==/UserScript==
$(function(){
//video settings
var vidAttr = 'loop autoplay controls';
var imgCSS = {'max-width':'100%','height':'auto'};
var webmCSS = {'max-width':'100%','height':'auto'};
//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'}).css(imgCSS);
var webm = $('<video ' + vidAttr + '><source type="video/webm" src="' + myHref + '"/></video>').attr('class','openItem').css(webmCSS);
//check filetype, hide thumbnail, insert full size file
if (myHref.match(/.gif$|.png$|.jpg$/g)) {
e.preventDefault();
$(this).hide();
$(this).after(img);
} else if (myHref.match(/.webm$/g)) {
e.preventDefault();
$(this).hide();
$(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', '.openItem', function(){
$(this).prev().show();
$(this).remove();
});
});