Booru大图预览插件，按下键盘 ↑ ↓ 开启大图模式（上为从头开始，下为从尾开始）， ← → 翻页，可单手操作
// ==UserScript==
// @name Booru 大图预览插件
// @namespace https://github.com/mouyase/yande.re_large_picture_script
// @version 0.2.1
// @description Booru大图预览插件，按下键盘 ↑ ↓ 开启大图模式（上为从头开始，下为从尾开始）， ← → 翻页，可单手操作
// @author 某亚瑟
// @match https://yande.re/*
// @match http://konachan.com/*
// @match http://konachan.net/*
// @match https://konachan.com/*
// @match https://konachan.net/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
var imgList = new Array();
window.imgList = imgList;
var zoom = '<div id="zoom" style="display: none;"></div>';
jQuery("body").append(zoom);
var $zoom = jQuery("#zoom");
$zoom.hide();
function addZoomPreview() {
var $allPostLi = jQuery("#post-list-posts > li");
var id = 0;
jQuery.each($allPostLi, function (index, item) {
var $item = jQuery(item);
var $a = $item.find(".thumb");
// $a.attr("href", "javascript:void(0)");
var reg = "(\/files.+?(\.jpg|\.png))";
var result = jQuery($item).html().match(reg);
var imgurl = result[0];
imgList[id] = imgurl;
// $item.click(function () {
// var reg = "(\/files.+?(\.jpg|\.png))";
// var result = jQuery(this).html().match(reg);
// var imgurl = result[0];
// $zoom.show();
// $zoom.html('<div id="zoom" style="position: fixed; top:0; left:0; width:auto; height:100%;" onclick="this.hide()"><img style="width:auto; height:100%;" src="https:/' + imgurl + '"></div>');
// });
id++;
});
window.index = 0;
window.cacheImage = function () {
jQuery("body").append('<img src="https:/' + imgList[window.index] + '" style="display: none;" onload="cacheImage()">');
window.index++;
}
jQuery("body").append('<img src="https:/' + imgList[window.index] + '" style="display: none;" onload="cacheImage()">');
}
addZoomPreview();
appendCSS();
function appendCSS() {
var cssText = "";
//底部信息css
cssText += '.tag-type-circle:after {';
cssText += ' content: "社团";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '.tag-type-copyright:after {';
cssText += ' content: "版权";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '.tag-type-artist:after {';
cssText += ' content: "画师";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '.tag-type-character:after {';
cssText += ' content: "角色";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '.tag-type-faults:after {';
cssText += ' content: "错误";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '.tag-type-style:after {';
cssText += ' content: "类型";';
cssText += ' color: #aa4';
cssText += '}';
cssText += '#highres {';
cssText += ' color: red;';
cssText += ' border: 1px dashed white;';
cssText += ' padding: 4px 0 4px 4px;';
cssText += ' margin: 4px 0 4px -4px;';
cssText += ' display: inline-block;';
cssText += ' width: 220px';
cssText += '}';
cssText += '#highres:hover {';
cssText += ' color: yellow!important;';
cssText += ' border-color: red';
cssText += '}';
cssText += '.sidebar {';
cssText += ' margin: 0!important;';
cssText += ' max-width: 230px!important';
cssText += '}';
cssText += '.action-post-index .content {';
cssText += ' width: 80%!important';
cssText += '}';
cssText += '#content {';
cssText += ' width: 100%!important';
cssText += '}';
cssText += 'div.content div[align=center] {';
cssText += ' display: none!important';
cssText += '}';
cssText += 'span.directlink-info {';
cssText += ' display: none!important';
cssText += '}';
cssText += 'span.plid {';
cssText += ' display: none!important';
cssText += '}';
cssText += 'span.directlink-res {';
cssText += ' display: block!important';
cssText += '}';
cssText += '.directlink.smallimg {';
cssText += ' background: black!important';
cssText += '}';
cssText += '#post-list-posts li {';
cssText += ' width: 310px!important;';
cssText += ' visibility: visible!important;';
cssText += ' display: inline-block!important';
cssText += '}';
cssText += 'div.inner {';
cssText += ' width: 310px!important;';
cssText += ' height: 300px!important';
cssText += '}';
cssText += 'div.content {';
cssText += ' float: right;';
cssText += '}';
cssText += 'img.preview {';
cssText += ' width: auto!important;';
cssText += ' max-width: 300px!important;';
cssText += ' height: auto!important;';
cssText += ' max-height: 300px!important;';
cssText += ' border: none!important';
cssText += '}';
cssText += '#lsidebar {';
cssText += ' display: none!important';
cssText += '}';
cssText += 'iframe {';
cssText += ' display: none!important';
cssText += '}';
console.log('CSS创建完成');
var element = document.createElement('link');
element.rel = "stylesheet";
element.type = "text/css";
element.href = 'data:text/css,' + cssText;
document.documentElement.appendChild(element);
var modStyle = document.querySelector('#modCSS');
if (modStyle === null) {
modStyle = document.createElement('style');
modStyle.id = 'modCSS';
document.body.appendChild(modStyle);
modStyle.innerHTML = cssText;
}
console.log('CSS已添加');
}
window.addEventListener('keyup', function (e) {
var imgurl = $zoom.find("img").attr("src");
var index = 0;
for (var i = 0; i < imgList.length; i++) {
if ('https:/' + imgList[i] == imgurl) {
index = i;
break;
}
}
switch (e.keyCode) {
case 37:
if (index != 0) {
imgurl = imgList[index - 1];
$zoom.html('<div id="zoom" style="position: fixed; top:0; left:0; width:auto; height:100%;" onclick="this.hide()"><img style="width:auto; height:100%;" src="https:/' + imgurl + '"></div>');
} else {
document.querySelector('a.previous_page').click();
}
break;
case 39:
if (index != imgList.length - 1) {
imgurl = imgList[index + 1];
$zoom.html('<div id="zoom" style="position: fixed; top:0; left:0; width:auto; height:100%;" onclick="this.hide()"><img style="width:auto; height:100%;" src="https:/' + imgurl + '"></div>');
} else {
document.querySelector('a.next_page').click();
}
break;
case 38:
imgurl = imgList[0];
if ($zoom.css("display") == "none") {
$zoom.show();
} else {
$zoom.hide();
}
$zoom.html('<div id="zoom" style="position: fixed; top:0; left:0; width:auto; height:100%;" onclick="this.hide()"><img style="width:auto; height:100%;" src="https:/' + imgurl + '"></div>');
break;
case 40:
imgurl = imgList[imgList.length - 1];
if ($zoom.css("display") == "none") {
$zoom.show();
} else {
$zoom.hide();
}
$zoom.html('<div id="zoom" style="position: fixed; top:0; left:0; width:auto; height:100%;" onclick="this.hide()"><img style="width:auto; height:100%;" src="https:/' + imgurl + '"></div>');
break;
}
});
})();