如何用另一个图像替换网站上的某个图像？答案

【问题标题】：How do I replace a certain image on a website with another image?如何用另一个图像替换网站上的某个图像？
【发布时间】：2011-06-27 03:14:18
【问题描述】：

这个网站有一张我想替换的图片。就像替换页面背景的脚本一样，例如 Google。

在 html 中，它位于 img scr。如何将页面上的特定来源替换为另一个来源，以便每次访问该页面时，它都会显示我想要的图像，而不是通常存在的图像？

【问题讨论】：

你如何加载这个网站？您打算如何替换图像？ Javascript？ CSS？
什么意思？当使用您的插件/脚本的人访问该页面时，您想动态替换它吗？如果是这样，试试 Greasemonkey。
您是否只是想修改html源代码来更改图像？
是的，我想动态替换它。
这在 HTML 中是不可能的，它是一种静态语言，你必须使用动态语言，例如 PHP 或 ASP.net 用于服务器端（每次加载页面）或 Javascript 用于客户端（每次您在页面中执行特定操作）。

标签： image

【解决方案1】：

浏览器扩展程序可以为您完成此任务。我熟悉如何使用我朋友制作的Requestly 来做到这一点。

作为一个示例，我将演示如何使用一个简单的规则将 Google 徽标图像替换为 Bing 徽标图像：

然后在启用规则后重新加载页面：

【讨论】：

【解决方案2】：

如果您只是想自己更改它，Greasemonkey 是理想的选择。它允许您在每次访问页面时运行一个脚本（Kerin 提供了一个起点）。请参阅这些Greasemonkey tutorials。

【讨论】：

【解决方案3】：

编辑：您似乎想替换不属于您的网站上的图片。如果您没有对该网站的网络服务器或 CMS 系统的合法访问权限，则您无能为力.我将在下面留下我的其余帖子，以防我误解了：

我假设您想在 Javascript 中执行此操作，因为您用“脚本”标记了您的帖子。当然也存在其他脚本语言，但只有 Javascript 真正拥有有意义的安装基础。

首先，您需要为图像分配一个 ID，例如：

<img src="/images/cat.png" id="mypicture">

然后，在您的 Javascript 中，您可以像这样更改图像的来源：

document.getElementById('mypicture').src = "/images/dog.png";

您可以将这种技术应用到很远，甚至可以在图像标签中添加一些内容，例如：

<img src="/images/cat.png" id="mypicture" onClick="document.getElementById('mypicture').src = '/images/dog.png';">

【讨论】：