给京东评晒单及评价中的图片添加一个“查看大图”的按钮
目前为
// ==UserScript==
// @name 京东晒单查看大图
// @namespace http://tampermonkey.net/
// @version 0.2
// @description 给京东评晒单及评价中的图片添加一个“查看大图”的按钮
// @author ssyatelandisi
// @match https://*.jd.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
//查看晒单大图
$("body").delegate("#comment-1>.com-table-main>.J-comments-showImgSwitch-wrap.comments-showImgSwitch-wrap>.showContent-viewer.clearfix>.photo-viewer>.photo-wrap", "mouseenter", function () {
$(".photo-wrap").prepend('<button id="openNewImg" style="color:#288CF0;border:2px #288CF0 solid;background-color:rgba(255, 255, 255, .75);border-radius:5px;padding:5px;position:absolute;top:0;right:0;z-index:999"><b>查看大图</b></button>');
$("button#openNewImg").hover(function(){ $(this).css({"color":"#FFFFFF","border-color":"#288CF0","background-color":"#288CF0","font-weight":"bolder"}); },function(){ $(this).css({"color":"#288CF0","border-color":"#288CF0","background-color":"rgba(255, 255, 255, .75)","font-weight":"normal"});});
$("button#openNewImg").click(function () {
var regex1 = /n\d{1,2}/;
var regex2 = /s\d+x\d+_/;
var imgLink = $("#comment-1>.com-table-main>.J-comments-showImgSwitch-wrap.comments-showImgSwitch-wrap>.showContent-viewer.clearfix>.photo-viewer>.photo-wrap>.J-photo-img")[0].src;
var newImgLink = imgLink.replace(regex1, "shaidan");
newImgLink = newImgLink.replace(regex2, "");
window.open(newImgLink);
})
});
$("body").delegate("#comment-1>.com-table-main>.J-comments-showImgSwitch-wrap.comments-showImgSwitch-wrap>.showContent-viewer.clearfix>.photo-viewer>.photo-wrap", "mouseleave", function () {
$("button#openNewImg").remove();
});
//查看评论大图
$("body").delegate(".comment-column.J-comment-column>.J-pic-view-wrap.clearfix>.pic-view.J-pic-view", "mouseenter", function () {
$(".pic-view.J-pic-view").prepend('<button id="openNewImg2" style="color:#288CF0;border:2px #288CF0 solid;background-color:rgba(255, 255, 255, .75);border-radius:5px;padding:5px;position:absolute;top:0;right:0;z-index:999"><b>查看大图</b></button>');
$("button#openNewImg2").hover(function(){ $(this).css({"color":"#FFFFFF","border-color":"#288CF0","background-color":"#288CF0","font-weight":"bolder"}); },function(){ $(this).css({"color":"#288CF0","border-color":"#288CF0","background-color":"rgba(255, 255, 255, .75)","font-weight":"normal"});});
$("button#openNewImg2").click(function () {
var regex2 = /s\d+x\d+_/;
var imgLink = $(".comment-column.J-comment-column>.J-pic-view-wrap.clearfix>.pic-view.J-pic-view>img")[0].src;
var newImgLink = imgLink.replace(regex2, "");
window.open(newImgLink);
});
})
$("body").delegate(".comment-column.J-comment-column>.J-pic-view-wrap.clearfix>.pic-view.J-pic-view", "mouseleave", function () {
$("button#openNewImg2").remove();
});
})();