title: jQuery Check if Image Loaded after append
body: <p>I have a function I created that runs initially on window load to do some processing to images (height width etc.) - For the sake of this question i'll call that function "run_imgprocess()"</p>
  
  <p><strong>My question:</strong></p>
  
  <p>When appending data to the page with a click function (or ajax etc.) I need to call the "run_imgprocess()" function on the images once they are loaded but that is the tricky part.</p>
  
  <p>Without using something like the "imagesloaded" plugin, what are my options?</p>
  
  <p><strong>My last attempt was this:</strong></p>
  
  <pre><code>$(".appendedclass img").load(function(){
      run_imgprocess();
  });
  </code></pre>
  
  <p>However this is not reliable once you use more than a few large images in your click append.</p>
  
  <p>Thank you in advance!</p>
  
  <p><strong>EDIT :</strong></p>
  
  <p>Added Fiddle - <a href="http://jsfiddle.net/aECag/1/" rel="nofollow">http://jsfiddle.net/aECag/1/</a></p>
  
  <p><strong>IMPOTANT :</strong> When you cache the images, they will render properly on re-run. You have to clear your browser cache completely then try.</p>