Advertisement
rowrz

ugh

May 6th, 2014
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. {block:IndexPage}
  2. <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  3. <script type="text/javascript" src="http://isotope.metafizzy.co/isotope.pkgd.min.js"></script>
  4. <script type="text/javascript" src="http://static.tumblr.com/0xll37k/6QRn49wdh/infinitescroll.js"></script>
  5. <script type="text/javascript" src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8. //http://www.shambix.com/en/isotope-twitter-bootstrap-infinite-scroll-fluid-responsive-layout/
  9.     var $container = $('#posts');
  10.        
  11.     // Fire Isotope only when images are loaded
  12.     $container.imagesLoaded(function(){
  13.         $container.isotope({
  14.             itemSelector : '.post',
  15.             masonry: {
  16.             }
  17.         });
  18.     });
  19.  
  20.     // Infinite Scroll
  21.     $('.post').infinitescroll({
  22.         navSelector  : '#pagination',
  23.         nextSelector : '#pagination a#next',
  24.         itemSelector : '.post',
  25.         bufferPx     : 10000,
  26.         extraScrollPx: 11000,
  27.         loading: {
  28.             finishedMsg: 'uh, i guess i finished?',
  29.         }
  30.     },
  31.  
  32.     // Infinite Scroll Callback
  33.     function( newElements ) {
  34.         var $newElems = jQuery( newElements ).hide();
  35.         $newElems.imagesLoaded(function(){
  36.             $newElems.fadeIn();
  37.             $container.isotope( 'appended', $newElems );
  38.         });
  39.     });
  40.  
  41. });
  42. </script><!--
  43. {block:ifnot2columns}
  44. {block:ifnotpagination}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  45. {/block:ifnotpagination}
  46. {/block:ifnot2columns}
  47.  
  48. {block:if2columns}
  49. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  51.  
  52. {block:ifnotpagination}
  53. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  54. {/block:ifnotpagination}
  55.  
  56. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  57.  
  58. <script type="text/javascript">
  59. $(window).load(function () {
  60. $('#posts').masonry(),
  61. $('.masonryWrap').infinitescroll({
  62. navSelector : ".pagination",
  63. // selector for the paged navigation (it will be hidden)
  64. nextSelector : ".pagination a#next",
  65. // selector for the NEXT link (to page 2)
  66. itemSelector : ".post",
  67. // selector for all items you'll retrieve
  68. bufferPx : 10000,
  69. extraScrollPx: 11000,
  70. loadingImg : "http://static.tumblr.com/ok3wtcv/iP5mrdoba/ajax-loader.gif",
  71. loadingText : "",
  72. },
  73. // call masonry as a callback.
  74. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  75. );
  76. });
  77. </script>
  78. </script>
  79.  
  80. {/block:if2columns}-->
  81. {/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement