Comment changer IMG utilisant Javascript

Question

je voulais changer l'image en utilisant javascript seulement sans changer quoi que ce soit sur le html

ici est le HTML

<td bgcolor="#2A2A1B" style="width: 128px;" valign="top"> 
    <img id="ContentPlaceHolder1_imgClanmark" src="../images/clan/clanmark20130211202115640.png" style="height:128px;width:128px;" /> 
</td> 

Voici mon js

var photo = document.getElementById('ContentPlaceHolder1_imgClanmark'); 
var img = new Image(); 
img.addEventListener('load', myFunction, false); 
img.src = 'http://i.imgur.com/jztMCqb.png'; 
photo.src = img.src; 

l'a essayé et cela ne fonctionnera pas

également utilisé ce

function FirstPic() 
{ 
    var pic1 = document.getElementById("ContentPlaceHolder1_imgClanmark"); 
    if (pic1 == typeof('image')) return; 
    pic1.src = "http://i.imgur.com/jztMCqb.png"; 
} 

mais là encore j'ajouter des codes sur html comme

<img onload='FirstPic()' id='ContentPlaceHolder1_imgClanmark' src='http://i.imgur.com/jztMCqb.png' /> 

quelqu'un peut me aider sur celui-ci?

---

Je suis désolé, je ne l'ai pas mis à jour cette question voici ce que je faisais

-

window.onload = function() { 
    var photo = document.getElementById('ContentPlaceHolder1_imgClanmark'); 
    var img = new Image(); 
    img.src = 'http://i1203.photobucket.com/albums/bb384/zendesigns/sfdfi/sfdfilogo_zps9302a288.gif'; 
    img.addEventListener('load', myFunction, false); 
    function myFunction() { 
    photo.src = img.src; 
    } 
} 

-

Merci Stano

Answer 1

Est il y a une raison pour laquelle vous attendez l'événement onload si c'est sur fi Première pageload?

document.getElementById('ContentPlaceHolder1_imgClanmark').src = 'http://i.imgur.com/jztMCqb.png'; 

va changer la source?

EDIT:

D'autre part, l'image sur ce lien: http://i.imgur.com/jztMCqb.png ne peut pas être hotlinked, et retourne 403 interdit lorsque vous essayez de créer un lien vers, de sorte que l'image ne sera jamais montrer en haut peu importe ce que vous faites!

Answer 2

changer simplement src:

$("#ContentPlaceHolder1_imgClanmark").attr("src","pass_here_new_image_source");