title: Cached content for image element kept in browser after being removed and added again
body: <p>We are developing a web app where the interface uses AJAX/Javascript entirely.</p>
  
  <p>There are certain dynamic images with cache expiration times of access + 15 minutes. So, when the images are accessed normally they are cached for 15 minutes and then after this time the browser will fetch a new version, caching again for 15 minutes and so on.</p>
  
  <p>The issue is that in this AJAX setup, even when image elements are removed and then added, the newly added image element (which could be over 15 minutes later, when the browser would normally fetch the new image version) does not contain the new content. i.e. once the image is loaded in once, even after the element is removed, if this element is re-added at any other stage without the page being changed, only the originally loaded version will display.</p>
  
  <p>So far this issue is with Chrome, I've not tested other browsers yet. The image appears to sort of be held in "memory" even when the image element is removed, the image shows under "resources" in Chrome developer tools - again, this is long after the image element specifying this image source has been removed.</p>
  
  <p>What can I do about this? The only solution so far is to change the image filename on subsequent loads (the old query string trick perhaps). The issue here is that these images then stack up the in the "resources" tab of developer tools, as though they're being held open, despite the image elements being removed.</p>
  
  <p>Hope this made sense. Any thoughts? I really just want Chrome (and maybe other browsers that have this issue) to load the image properly regardless of the source on new image elements. That is.. the route of check cache, if expired fetch from server and cache again.</p>
  
  <p>Cheers</p>