给京东评晒单及评价中的图片添加一个“查看大图”的按钮
目前为
// ==UserScript==
// @name 京东晒单查看大图
// @namespace http://tampermonkey.net/
// @version 0.1
// @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='padding: 5px;position: absolute;top:0;right:0;z-index: 999'>查看大图</button>");
$("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='position: absolute;top: 0;right: 0;z-index: 999;'>查看大图</button>");
$("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();
});
})();