Реализация бесконечной прокрутки с помощью jquery
Я работаю над проектом, который используетJQuery Masonry а такжеБесконечная прокрутка плагины для загрузки "n" количества картинок из Instagram, используя их API. Глядя на этот короткийпример я понимаю, что мне нужно иметь перед собой HTML-страницы, которые будут отображаться:
<nav id="page-nav">
<a href="pages/2.html"></a>
</nav>
Проблема в том, что я не знаю, сколько фотографий будет найдено. Вот, например, как я получаю 20 фото одновременно.
$(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";
}
});
Я предполагаю, что мне понадобится механизм разбиения на страницы, но на основе упомянутого выше учебника я считаю, что сначала мне нужно будет предварительно определить html-страницы для загрузки. Так что теперь здесь мои вопросы
Означает ли это, что этот плагин (Бесконечная прокрутка) требуется иметь "n" количество html-файлов в каталоге для достижения бесконечной прокрутки?Можно ли реализовать бесконечную прокрутку с помощью одного и того же плагина, если я не знаю, сколько страниц у меня будет. Даже лучше, даже не создавая физические файлы HTML?Как можно реализовать этот вид нумерации страниц? (т. е. загрузка кусков по 20 рисунков, пока пользователь продолжает прокручивать страницу) В сети не так много документации, не могли бы вы предоставить краткий шаг по демонстрации или описанию?С наилучшими пожеланиями