title: Detect image content change with javascript
body: <p>I am using HTML file on a local PC for image viewing.
  The HTML is very simple:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body scroll="no"&gt;
  
  &lt;img border="0" src="DisplayImage.png" width="400" height="400" style="position:fixed;     top:0px; left:0px"&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The image is being overwritten constantly while path stays the same.
  Is there a way to detect in HTML when the image has been overwritten using javascript (or any other method)?</p>