Реализация бесконечной прокрутки с помощью jquery

Я работаю над проектом, в котором используются плагины jQuery Masonry и Infinite Scroll для загрузки «n» изображений из instagram с использованием их API. Глядя на этот короткий пример , я понимаю, что мне нужно заранее подготовить html-страницы для отображения:


Проблема в том, что я действительно не знаю, сколько изображений будет получено. Вот, например, как я получаю 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("
"); } } }); } else { location.href="https://instagram.com/oauth/authorize/?display=touch&client_id=MY_CLIENT_ID&redirect_uri=MY_URI"; } });

Я предполагаю, что мне понадобится механизм разбивки на страницы, но, основываясь на упомянутом выше руководстве, я полагаю, что сначала мне нужно будет предварительно -определить загружаемые html-страницы.Итак, вот мои вопросы

  1. Означает ли это, что этот плагин(Бесконечный свиток)требуется иметь "n" количество html-файлов в каталоге для достижения бесконечной прокрутки?
  2. Можно ли реализовать бесконечную прокрутку с помощью того же плагина, если я не знаю, сколько у меня будет страниц. Даже лучше, даже без необходимости создавать физические HTML-файлы?
  3. Как может быть реализована такая нумерация страниц? (т. е. загружаются фрагменты из 20 изображений, пока пользователь продолжает прокручивать страницу вниз )в Интернете не так много документации, не могли бы вы предоставить краткий пошаговый демонстрационный пример или описание?

С уважением

9
задан Paul Wicks 4 October 2012 в 05:16
поделиться