jquery Wookmark Plugin Infinite Load/Scoll
<p>Im using the Wookmark jQuery grid layout for my website.</p>

<p><a href="https://github.com/GBKS/Wookmark-jQuery" rel="nofollow">https://github.com/GBKS/Wookmark-jQuery</a></p>

<p>I need the auto load/endless scroll working. </p>

<p>In the example it simply just loads the first 10 images again, how do you make it continue loading the rest of a list as on Wookmark.com and Pinterest.com?</p>

<p>The code part that ive been trying to change:</p>

<pre><code>/**
 * When scrolled all the way to the bottom, add more tiles.
 */
function onScroll(event) {
  // Check if we're within 100 pixels of the bottom edge of the broser window.
  var closeToBottom = ($(window).scrollTop() + $(window).height() &gt; $(document).height() - 100);
  if(closeToBottom) {
    // Get the first then items from the grid, clone them, and add them to the bottom of the grid.
    var items = $('#tiles li');
    var firstTen = items.slice(0, 10);
    $('#tiles').append(firstTen.clone());

    // Clear our previous layout handler.
    if(handler) handler.wookmarkClear();

    // Create a new layout handler.
    handler = $('#tiles li');
    handler.wookmark(options);
  }
};
</code></pre>

<p>Thanks in advance. Ive looked around everywhere and tried a few different things, but no luck. Cheers.</p>
