如何使用其他图像替换网站上的特定图像?

时间:2011-06-27 03:14:18

标签: image

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

在html中,它位于img scr。如何使用其他来源替换页面上的特定来源,以便每次访问该页面时,它会显示我想要的图像而不是通常存在的图像?

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

浏览器扩展程序可以为您完成此任务。我对我的朋友制作的Requestly的使用方法很熟悉。

作为示例,我演示了如何使用一条简单规则将Google徽标图像替换为Bing徽标图像:

screenshot of rule config in Requestly

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

bing logo on google homepage

答案 2 :(得分:0)

编辑:您似乎要替换不属于您的网站上的图片。如果您没有合法访问该网站的网络服务器或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';">