Бесконечная прокрутка

Question

Может кто-нибудь рассказать, как реализовать бесконечную прокрутку подкачки для $flickr->call('flickr.photos.search'); Я вошел в систему и первые 10 фотографий. Теперь, как реализовать прокрутку подкачки для оставшихся фотографий.

Я использую * Flickr API Kit с поддержкой OAuth 1.0a для PHP >= 5.3.0. И кодигнитер

Любая помощь будет оценена....

Answer 1

Задайте уникальное значение id для div, который содержит историю в вашем дизайне, и используйте Jquery для публикации значения на вашем контроллере с помощью Ajax Post, а затем для получения следующего набора данных Flickr. Как только вы получите результаты, добавьте их ниже последнего div.

Ваша страница просмотра выглядит так:

<div class="flickr_container">       
<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>

<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>
.........
</div>

Ваше событие Jquery Scroll выглядит так:

$('.container').bind('scroll', function(){

if($(".container").scrollTop() + $(".container").innerHeight()>=$(".container")[0].scrollHeight)
    {

            var LastDiv = $(".flickr_myphotos:last");
            var LastId  = $('.flickr_myphotos').last().attr('id');
            var dataString = 'LastId='+ LastId ;

            if(dataString){
                $.ajax({
                type: "POST",
                url: "{ Controller here }",
                data: dataString,
                cache: false,
                success: function(html){
                LastDiv.after(html);

                });
}

И ваша функция контроллера:

$parameters = array('user_id' => {USER ID HERE} ,'per_page' => 10,'page' => $page); $result = $flickr->call('flickr.photos.search', $parameters);

Поместите результат в поле зрения

<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>