title: Tumblr Masonry with PXU Photoset Issue
body: <p>I have this issue with PXU Photoset Extended not loading properly when I use Masonry for my Tumblr Theme. I know what causes it, I just sadly have no clue how to fix it.</p>
  
  <p>The only thing I found that reduced flickering while Masonry loaded, was to hide the container with CSS (display:none) and then unhide it when loading the Masonry script.</p>
  
  <p>It seems this had the odd side-effect of the PXU Photoset script not rendering images properly (they're mostly cut off and they jump into their real size when resizing the window).</p>
  
  <p>So I use this code to call Masonry, ImagesLoaded and Infinite Scroll:</p>
  
  <pre><code>$(document).ready(function(){
  
      var $container = $('#container');
  
      $container.imagesLoaded(function(){
          $container.show();
          $container.masonry({
              itemSelector: 'article',
              gutter: 50,
              isFitWidth: true,
          });
      });
  
      $container.infinitescroll({
          navSelector  : '#pagination-infinite',    // selector for the paged navigation
          nextSelector : '#pagination-infinite a.next',  // selector for the NEXT link (to page 2)
          itemSelector : 'article',     // selector for all items you'll retrieve
          animate: true,
          extraScrollPx: 310,
          bufferPx: 40,
          loading: {
              msgText: '',
              finishedMsg: '',
              img: 'http://static.tumblr.com/amhdmud/iMBn235bd/1x1.png'
          }
      },
      // trigger Masonry as a callback
      function( newElements ) {
          // hide new items while they are loading
          var $newElems = $( newElements ).css({ opacity: 0 });
          // ensure that images load before adding to masonry layout
          $newElems.imagesLoaded(function(){
              // show elems now they're ready
              $container.masonry( 'appended', $newElems, true );
          });
      });
  
  });
  </code></pre>
  
  <p>And then PXU Photoset Extended:</p>
  
  <pre><code>$(document).ready(function() {
  $('.photo-slideshow').pxuPhotoset({
  'rounded'   : 'false', // corners, all or false
  }, function() {
  // Callback
  });
  });
  </code></pre>
  
  <p>The only thing that made the photosets display right involved removing the display: none; from the container, but then Masonry flickered out of the container on page load again, which I seem unable to fix any other way.</p>
  
  <p>Any help is much appreciated,</p>
  
  <p>Thank you.</p>