Javascript 从第三方服务器更改映像

我正在寻找一种方法来改变一个脚本上的图像，我没有访问权托管在第三方服务器上

我想显示的图像在a href中，但img src显示的是缩略图版本

我想我需要某种jQuery脚本，用附加的版本替换每个实例（可能不止一个）

分区为：

<div id="imagezoomcontainer">
<a target="_blank" class="chatlink" href="goodimage.jpg">
<span></span>
<img src="badimage.jpg" align="middle" border="0" height="100" width="100"></a>
</div>

---

我希望我能访问服务器-这会节省很多时间

这是一个基本示例，将在页面加载时进行更改

$(document).ready(function(){
        $("#imagezoomcontainer img").attr("src",$("#imagezoomcontainer .chatlink").attr("href"));
    });

试一试

---

正如您所猜测的，您需要浏览所有图像并进行更改。您可以使用$。每个循环都这样：

$(document).ready(function(){
   $.each("#imagezoomcontainer img", function(){
        $(this).attr("src", $(this).parent().children(".chatlink").attr("href");
   });
});

---

那么badimage.jpg应该替换为什么badimageBig.jpg？不，badimage.jpg应该替换为goodimage.jpgThanks-这对具有相同id的多个图像有效吗？它在一个动态页面上，是一个实时聊天系统，所以我现在不得不将它创建为一个按钮-您将如何运行它？我在想，也许每10秒检查一次？这只对一个图像有效，因为它使src对所有它经过的图像都是相同的，把它放在一个setInterval中…函数在这里…，x000-其中x被替换为secondsyup的数量，在$document.ready中，因为您需要它来确保您的图片已加载到DOM Already中。问题是图像是在$document.ready之后加载的。这是一个实时聊天系统，因此图像可以随时显示

$(document).ready(function(){
   $.each("#imagezoomcontainer img", function(){
        $(this).attr("src", $(this).parent().children(".chatlink").attr("href");
   });
});