laden externes Bild mit jquery

Question

Ich versuche diesen Code zu ändern, ein Bild img und es funktioniert in localhost, aber dosent Arbeit auf meinem Host. sind dies die Art und Weise, die ich treid:

$("#btnChangImg").click(function() { 
      $("#Div").html('<img id="img" alt="" src="/Test/2.jpg" />'); 
}); 

Und eine andere Art und Weise, die ich treid:

$("#btnChangImg").click(function() { 
      $("#img").attr("src", "/Test/2.jpg"); 
}); 

src des #img "/Test/1.jpg" now.and ist es sein Wechsel zu "/Test/1.jpg" sollte

und das ist mein HTML:

<form id="form1" runat="server"> 
<div id="Div"> 
    <img id="img" alt="" src="/Test/1.jpg" /> 
</div> 
<input id="btnChangImg" type="button" value="button" /> 
</form> 

Answer 1

Wenn Sie mit ASP.NET oder etwas l ike, dass es möglich sein könnte, dass Ihre ID geändert wird, wenn die Seite gerendert wird, weil Ihr Code

$("#btnChangImg").click(function() { 
      $("#img").attr("src", "/Test/2.jpg"); 
}); 

Blick auf die Geige richtig ist hier http://jsfiddle.net/KBWk8/

Answer 2

Sie können dies tun:

$("div").click(function(){ 
    $("img").attr("src", "secondImage.jpg")    
}) 

Hier ist ein JsFiddle, das ich gemacht habe: http://jsfiddle.net/ZjQ7t/1/