title: How do I Get EXIF data after AJAX load of images?
body: <p>I'm working on a swipe-able wine image viewer for NapaWapa.com and I've got it working pretty well: <a href="http://www.tonyjacobson.com/napawapa/gallery/index.html" rel="nofollow">http://www.tonyjacobson.com/napawapa/gallery/index.html</a></p>
  
  <p>I'm using a jquery plugin to read the exif data of the images in the gallery. However, the plugin seems to only work when the  src attribute is hard coded — not when the images are loaded via AJAX. Can any of you experts out there take a peek at the JS (<a href="http://www.tonyjacobson.com/napawapa/gallery/js/jquery.exif.js" rel="nofollow">http://www.tonyjacobson.com/napawapa/gallery/js/jquery.exif.js</a>) to see if you could recommend a change to the plugin code to recommend a fix?</p>
  
  <p>Here's the specific part of the plugin code where it deals with reading the EXIF data:</p>
  
  <pre><code>// HTML IMG EXAMPLE
  &lt;img class="lazyOwl" data-src="images/03.jpg" exif="true" /&gt;
  
  // JAVASCRIPT CLICK TO TEST IMG EXIF DATA
  $("img").on('click', function(event){
      $(this).exifLoad();
      console.log( "HIT: " + $(this).exif('Make') );
  });
  
  
  // JQUERY PLUGIN CODE EXCERPT
  function loadAllImages()
  {
      var aImages = document.getElementsByTagName("img");
      for (var i=0;i&lt;aImages.length;i++) {
          if (aImages[i].getAttribute("exif") == "true") {
              if (!aImages[i].complete) {
                  addEvent(aImages[i], "load",
                      function() {
                          EXIF.getData(this);
                      }
                  );
              } else {
                  EXIF.getData(aImages[i]);
              }
          }
      }
  }
  
  // automatically load exif data for all images with exif=true when doc is ready
  jQuery(document).ready(loadAllImages);
  
  // load data for images manually
  jQuery.fn.exifLoad = function(fncCallback) {
      return this.each(function() {
          EXIF.getData(this, fncCallback)
      });
  }
  </code></pre>