Edit Question - KnowledgeHub

Title Body

I am working on a project that uses the jQuery Masonry and Infinite Scroll plugins to load "n" amount of pictures from instagram using their API. Looking at this short example my understanding is that I need to have before hand the html pages to be rendered: <nav id="page-nav"> <a href="pages/2.html"></a> </nav> The problem is, I dont really know how many pictures will be retrieved. Here is for example how I retrieve 20 pics at a time. $(document).ready(function(){ var access_token = location.hash.split('=')[1]; if (location.hash) { $.ajax({ type: "GET", dataType: "jsonp", cache: false, url: "https://api.instagram.com/v1/users/MY_USER_ID/media/recent/?access_token=MY_ACCESS_TOKEN", success: function(data) { for (var i = 0; i < 20; i++) { $("#instafeed").append("<div class='instaframe'><a target='_blank' href='" + data.data[i].link +"'><img src='" + data.data[i].images.standard_resolution.url +"' /></a></div>"); } } }); } else { location.href="https://instagram.com/oauth/authorize/?display=touch&client_id=MY_CLIENT_ID&redirect_uri=MY_URI"; } }); I guess I will need a pagination mechanism but based on the tutorial mentioned above I believe I will first need to pre-define the html pages to be loaded. So now here my questions Does that mean this plugin ( Infinite Scroll ) requires to have "n" amount of html files in a directory to achieve infinite sc

Tags (comma-separated) Cancel