title: How to prevent an <img> tag from loading its image?
body: <p>I have the following script which take a string with html information (containing also reference to images).</p>
  
  <p>When I create a DOM element the content for the image is being downloaded by the browser. I would like to know if it is possible to stop this Beauvoir and temporary prevent loading.</p>
  
  <p>I am targeting web-kit and presto browsers.</p>
  
  <pre><code>  relativeToAbosluteImgUrls: function(html, absoluteUrl) {
          var tempDom = document.createElement('div');
          debugger
          tempDom.innerHTML = html;
          var imgs = tempDom.getElementsByTagName('img'), i = imgs.length;
          while (i--) {
              var srcRel = imgs[i].getAttribute('src');
              imgs[i].setAttribute('src', absoluteUrl + srcRel);
          }
          return tempDom.innerHTML;
      },
  </code></pre>