Advertisement
OmgImAlexis

Infinite Columns

Jan 24th, 2014
1,665
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. <meta name="if:InfiniteColumns" content="1" />
  2.  
  3.  
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  5. {block:IndexPage}
  6. <script type="text/javascript" src="http://static.tumblr.com/ib6vvvn/h4Rmt3ou9/jquery.infinitescroll.min.js"></script>
  7. <script type="text/javascript" src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
  8. {block:IfInfiniteColumns}
  9. <script>
  10. $(window).load(function () {
  11. main_container = $("#posts");
  12. container = document.querySelector('#posts');
  13. entry = ".entry";
  14. jQuery.fn.resize_entry = function () {
  15. var container_width = Math.floor(($(window).width() - parseFloat(main_container.css("margin-left"))));
  16. $(this).width(container_width);
  17.  
  18. var msnry = new Masonry( container, {
  19. itemSelector: entry
  20. });
  21. }
  22. main_container.infinitescroll({
  23. navSelector : "#pagination",
  24. nextSelector : "#pagination a#nextPage",
  25. itemSelector : entry,
  26. errorCallback: function(){},
  27. },function(arrayOfNewElems){
  28. var msnry = new Masonry( container, {
  29. itemSelector: entry
  30. });
  31. });
  32. main_container.resize_entry();
  33. });
  34. $(window).resize(function() {
  35. main_container.resize_entry();
  36. });
  37. $(window).on('zoom', function() {
  38. main_container.resize_entry();
  39. });
  40. </script>
  41. {/block:IfInfiniteColumns}
  42. {block:IfNotInfiniteColumns}
  43. <script>
  44. $(window).load(function () {
  45. main_container = $("#posts");
  46. container = document.querySelector('#posts');
  47. entry = ".entry";
  48. var msnry = new Masonry( container, {
  49. itemSelector: entry
  50. });
  51. main_container.infinitescroll({
  52. navSelector : "#pagination",
  53. nextSelector : "#pagination a#nextPage",
  54. itemSelector : entry,
  55. errorCallback: function(){},
  56. },function(arrayOfNewElems){
  57. var msnry = new Masonry( container, {
  58. itemSelector: entry
  59. });
  60. });
  61. });
  62. </script>
  63. {/block:IfNotInfiniteColumns}
  64. {/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement