更改图像 src 的 url答案

【问题标题】：Changing the url of image src更改图像 src 的 url
【发布时间】：2014-12-08 17:39:25
【问题描述】：

我正在尝试更改页面中显示的图像的来源。

我有这个代码：

function replaceSRC(){
    var allImg=document.getElementsByTagName('img'), i=0, img;
    while(img=allImg[i++]){
        img.src=img.src.replace(\'//dyncdn.me/static/over/, "\'//dyncdn.me/static/poster/3/");
    }
}

不知道下一步该做什么，我不是一个真正的脚本人，我只是想制作一个网站，可以使用许多小预览图像来查看更大的图像。

原文出处是：
dyncdn.me/static/over/random numbers.jpg
我要使用的来源是：
dyncdn.me/static/poster/3/same random numbers.jpg

有人可以帮忙吗？谢谢！

编辑#1：似乎该网站正在使用 onmouseover 字符串获取图像源，而 mouseout 没有显示。（仅当我的鼠标悬停在标题上时才会显示图像）。

【问题讨论】：

您的代码不是有效的 Javascript 语法，引用搞砸了。你为什么要转义引号？您没有看到控制台中报告的语法错误吗？
似乎与以下内容重复：stackoverflow.com/questions/19752986/…
一个只有 CSS 和 jQuery 答案的问题怎么能和这个重复

标签： javascript imagesource

【解决方案1】：

您的字符串语法错误。替换行应该是：

img.src=img.src.replace("//dyncdn.me/static/over/", "//dyncdn.me/static/poster/3/");

【讨论】：

试图改变它，但图像的 src 仍然是原始的。
如果你console.log(img.src)，你会看到什么？
不推荐使用 //@ 来指示 sourceMappingURL 杂注。使用 //# 代替
@DavidMarch 我不明白那个评论，我没有在我的回答中使用它。

【解决方案2】：

创建一个书签并将 URL 更改为此

javascript:(function(){var imgs = document.getElementsByTagName("img"); for (var i=0;i<imgs.length;i++) { var src=imgs[i].src; if (src.indexOf('static/over')!=-1) imgs[i].src=src.replace("/over/","/poster/3/")}})()

现在点击F12打开控制台，点击页面上你需要更改的书签，并报告你看到的任何错误

【讨论】：

不太明白该怎么做。创建了页面的书签并更改了 url no this ，单击 f12 并且控制台已打开现在该怎么办？ :S