scroll.js

$(function() {
  var counter =0;
  function loadNext() {
    $('<div>').load('api/thumbnails/whatever/your/url/is?page=' + counter++).appendTo('#thumbnails');
  }
  
  $(window).on('scroll', function() {
    if ($(document).scrollTop() > document.body.height() - (window.clientHeight / 25)) {
    loadNext();
  });
  
  loadNext();
});

$(document).on('click', '.thumbnail', function() {
  var url = $(this).data('url');
  lightboxme(url);
});
}