readimage

已经看过的图片显示红框

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        readimage
// @namespace   taoww
// @include	http://*
// @include	https://*
// @include	ftp://*
// @exclude     *://tieba.baidu.com/*
// @exclude     *://hi.baidu.com/*
// @exclude     *://blog.sina.com.cn/*
// @exclude     *://*.blog.sina.com.cn/*
// @exclude     *://www.51.la/*
// @exclude     *://bbs.aicbbs.com/*
// @version     1.1
// @description  已经看过的图片显示红框
// @grant       GM_addStyle
// ==/UserScript==

GM_addStyle("a img { border: 7px solid white; }");
GM_addStyle("a:visited img { border-color: red !important; }");

document.body.addEventListener("click", function(event) {
        var t = event.target;
        if (t.tagName === "IMG") {
                var link = null;
                if (t.parentNode.tagName === "A") {
                        link = t.parentNode;
 
               } else if (t.parentNode.tagName != "A" && 
t.parentNode.children.length === 1 && 
t.parentNode.parentNode.tagName === "A") {
                        link = t.parentNode.parentNode;
                }
                if (link && link.target !== "_blank" && link.href) {
                        var f = document.createElement("iframe");
                        f.style.display = "none";
                        f.src = link.href;
                        document.body.appendChild(f);
                }
        }
}, false);