demos : inf scroll : hide/show new items

Re: desandro#129
AntiGameZ · Oct 7, 2011 · 850c505 · 850c505
1 parent 11426d6
commit 850c505
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/_posts/demos/2011-05-09-infinite-scroll.html b/_posts/demos/2011-05-09-infinite-scroll.html
@@ -253,9 +253,12 @@ <h2>Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehi
       },
       // trigger Masonry as a callback
       function( newElements ) {
-        var $newElems = $( 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
+          $newElems.animate({ opacity: 1 });
           $container.masonry( 'appended', $newElems, true ); 
         });
       }