title: Using masonry with imagesloaded
body: <p>I'm a js newbie and hope this questions doesn't seem too stupid.</p>
  
  <p>I'm using masonry for my site - works fine.
  I wanted to let my boxes appear just when masonry finished loading. Searching in the internet I found several posts recommending to use imagesloaded Plugin to solve this issue. It just doesn't change anything. That means: my layout and content boxes keep being messed up until masonry finished loading, just then the boxes suddenly jump to their right positions. </p>
  
  <p>My code:</p>
  
  <pre><code>$(document).ready(function() {
  
      var $container = $('#post-area');
      $container.imagesLoaded( function() {
          $container.masonry({
              itemSelector : '.box',
              columnwidth: 300,
              gutter: 20,
              isFitWidth: true,
              isAnimated: !Modernizr.csstransitions
          });    
      });
  });
  </code></pre>
  
  <p>I'm also getting this firebug-error:</p>
  
  <pre><code>TypeError: EventEmitter is not a constructor
  ImagesLoaded.prototype = new EventEmitter();
  </code></pre>
  
  <p>I'm loading the imagesloaded js like this at the end of my website (I couldn't find any information if imagesloaded is already included in masonry or not, some wrote that it's not included anymore - confusing):</p>
  
  <pre><code>&lt;script src="http://www.domainname.com/js/imagesloaded.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I would be really happy if someone could help me. And tell me if imagesloaded is even the right plugin to solve this issue!</p>