pastebin

Paste Search Dynamic
DOMContentLoaded
  1. document.addEventListener('DOMContentLoaded', function() {
  2.         var baseUrl = '../';
  3.         var url = 'public-images';
  4.         var category = '';
  5.         if (category) {
  6.                 url += '/'+category;
  7.         }
  8.         var loading = false;
  9.  
  10.         jQuery(document).scroll(function() {
  11.                 var scrollMax = jQuery(document).height() - jQuery(window).height();
  12.                 var current = jQuery(this).scrollTop();
  13.  
  14.                 if (scrollMax - 700 < current) {
  15.                         loadMore();
  16.                 }
  17.  
  18.         });
  19.  
  20.         function loadMore() {
  21.                 if (loading) {
  22.                         return false;
  23.                 }
  24.                 loading = true;
  25.  
  26.                 jQuery('.public-images').append('<div class="loading" style="margin-bottom:130px;"><i style="margin: 26px" class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>');
  27.  
  28.                 jQuery.get(baseUrl + '/' + url, function(res) {
  29.                         if (!res.data.length) {
  30.                                 jQuery('.loading').remove();
  31.                                 jQuery('.public-images').append('<h3>No Images</h2>')
  32.                                 return false;
  33.                         }
  34.  
  35.                         url = res.next_page_url;
  36.                         var html = '<div class="row">';
  37.  
  38.                         var adList = [];
  39.  
  40.                         res.data.forEach(function(e, i) {
  41.                                 if (!(i%(4*4)) && (i || res.current_page > 1)) {
  42.                                         html += '<div id="taboola-below-article-thumbnails-'+res.current_page+'-'+i+'"></div>';
  43.                                         adList.push(i);
  44.                                 }
  45.                                 if (!(i%4) && i) {
  46.                                         html += '</div>'
  47.                                 }
  48.                                 if (!(i%4)) {
  49.                                         html += '<div class="row">'
  50.                                 }
  51.                                 html +=
  52.                                         '<div class="small-6 medium-3 columns" style="padding:7px;">' +
  53.                                                 '<a href="'+baseUrl+'/c/'+e.category.link+'#'+e.hash+'">' +
  54.                                                         '<img src="'+baseUrl+'/images/'+e.hash+'/'+e.album_id+'/square" style="width:100%">' +
  55.                                                 '</a>' +
  56.                                         '</div>';
  57.  
  58.                         });
  59.                         jQuery('.public-images').append(html);
  60.                         adList.forEach(function(id) {
  61.                                 window._taboola = window._taboola || [];
  62.                                 // _taboola.push({
  63.                                   //   mode: 'thumbnails-a',
  64.                                   //   container: 'taboola-below-article-thumbnails-'+res.current_page+'-'+id,
  65.                                   //   placement: 'Below Article Thumbnails',
  66.                                   //   target_type: 'mix'
  67.                                 // });
  68.                         });
  69.  
  70.                         jQuery('.loading').remove();
  71.  
  72.                         if (!res.next_page_url) {
  73.                                 return true;
  74.                         }
  75.                         loading = false;
  76.                 });
  77.         }
  78.  
  79.         loadMore();
  80. });
  81. </script>
Parsed in 0.015 seconds