title: Preloading img and inserting src into another img without reloading it
body: <p>I'm trying to preload an image via javascript and insert it into another image at the right moment without a new fetch. </p>
  
  <p>Unfortuantely, when I replace the src of an img with the preloaded src, the image gets reloaded and chrome doesn't use the cashed one. What can I do?</p>
  
  <p>This is how I preload the image:</p>
  
  <pre><code>if (document.images) {
      this.img = new Image();
      this.img.src = "img/img.jpg";
  }
  </code></pre>
  
  <p>and later I'm inserting it like this:</p>
  
  <pre><code>this.poster.src = this.img.src;
  </code></pre>
  
  <p>Thanks!</p>