サードパーティのサーバからイメージを変更する

Question

私はアクセスできない（サードパーティのサーバでホストされている）スクリプト上のイメージを変更する方法を探しています。

表示したい画像はhrefにありますが、img srcにはサムネイルが表示されます。

私は、追加されたバージョンで各インスタンス（複数の可能性があります）を置き換える何らかのjQueryスクリプトが必要であると推測しています。

divがある：

<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> 

私はちょうどサーバーへのアクセスを持っていたい - 多くの時間を節約するだろう！

Answer 1

これは基本的な例です。その変更はページの読み込み時に行われます。

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

Answer 2

あなたはすべての画像を通過し、変更を加える必要があります推測してきたように

$(".chatlink").click(function(){ 
    e.preventDefault(); 
    var thisObj = $(this); 
    thisObj.next("img").attr("src", thisObj.attr("href")); 
}); 

Answer 3

を試してみてください。あなたはそのようにそのための$.eachループを使用することができます。

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