title: dynamically update webpage photo
body: <p>Firstly, I wanted to say that I am quite new to javascript, thus I would ask you not to criticise me that much.</p>
  
  <p>I wonder, how can I implement the dynamical update of webpage image and it should load a photo from another webpage. I was working with javascript and implemented some functionality, but it is not giving the desired results. </p>
  
  <p>I have searched the Web, but there wasn't anything fitting the above mentioned requirements.</p>
  
  <p>Thus, could anyone please help me figure out the solution to my issue?</p>
  
  <pre><code>&lt;script&gt;
          var imageRep = document.createElement('img'), src='http://www.free.fr/freebox/im/logo_free.png';
  
          var parent=document.getElementById("div1");
          var child=document.getElementById('change').src;
          parent.replaceChild(imageRep,child);
  
      &lt;/script&gt;
  </code></pre>
  
  <p>Here is html part:</p>
  
  <pre><code> &lt;a href="story-ck.html"&gt;
              &lt;div class="mix mix-story europe asia" id="div1"&gt;
              &lt;img src="img/hero/ck.jpg" style="width: 100%;" id="change"&gt;
  </code></pre>