darianella

infinite scroll code thing

Aug 16th, 2013
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.06 KB | None | 0 0
  1.       {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  2.  
  3. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  4.  
  5. <script>
  6. $(function(){
  7. var $container = $('#postmargin');
  8. $container.imagesLoaded(function(){
  9. $container.masonry({
  10. itemSelector: '.posts',
  11. });
  12. });
  13. $container.infinitescroll({
  14. itemSelector : ".posts",
  15. navSelector : "div.pagination",
  16. {block:ifinfinitescroll}nextSelector : ".pagination a#next",{/block:ifinfinitescroll}
  17. {block:ifnotinfinitescroll}nextSelector : "none",{/block:ifnotinfinitescroll}
  18. loadingImg : "",
  19. loadingText : "<em>patience is a virtue, so hold on while i load</em>",
  20. bufferPx : 10000,
  21. extraScrollPx: 12000,
  22. },
  23. function( newElements ) {
  24.   var $newElems = $( newElements ).css({ opacity: 0 });
  25. $newElems.imagesLoaded(function(){
  26. $newElems.animate({ opacity: 1 });
  27. $container.masonry( 'appended', $newElems, true );
  28. });
  29. }
  30. );
  31. });
  32. </script>{/block:IndexPage}
Add Comment
Please, Sign In to add comment