Advertisement
galaxias-themes

masonry script

Apr 6th, 2020
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.88 KB | None | 0 0
  1. {block:IndexPage}
  2. <script type="text/javascript"
  3. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  4. <script type="text/javascript"
  5. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  6.  
  7. <script type="text/javascript">
  8. $(window).load(function () {
  9. var $content = $('#postwrap');
  10. $content.masonry({itemSelector: '#posts'}),
  11. $content.infinitescroll({
  12. navSelector : 'div#pagination',
  13. nextSelector : 'div#pagination a#nextPage',
  14. itemSelector : '#posts',
  15. bufferPx : 600,
  16. debug : false,
  17. },
  18. // call masonry as a callback.
  19. function( newElements ) {
  20. var $newElems = $( newElements );
  21. $newElems.hide();
  22. // ensure that images load before adding to masonry layout
  23. $newElems.imagesLoaded(function(){
  24. $content.masonry( 'appended', $newElems, true,
  25. function(){$newElems.fadeIn(300);} );
  26.  
  27.  
  28. });
  29. });
  30. });
  31. </script>
  32. {/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement