title: Is it possible to reload a specific image if it did not finish loading after a preset amount of time? javascript/jquery
body: <p>I am running a online photography portfolio and sometimes, 1 or 2 images on a page fails to load. and refreshing will display the failed to load image.</p>
  
  <p>Scenario:
  I click on the link and the images start to load. but the page never finishes loading because one of the images fails to load. After a refresh, the browser loads the failed image as a good image. Only a ctrl+F5 can clear the cached failed image.</p>
  
  <p>Planned solution:
  I want to detected images that did not finish loading after 10secs and reload them dynamically using javascript/jquery.</p>
  
  <p>I have found a way to force the browser to reload the image by adding a dummy unique querystring behind the src="image.jpg?id=dummyNo".
  But I have no idea how to detect which image has not finished loading, so that i can reload them.</p>
  
  <p>Is it possible to do this?</p>
  
  <p>well on the sidenote, i'd like to learn about website compression and image (load time) optimising, where would be a good place for me to read up?</p>