Может ли кто-нибудь сказать, как реализовать Infinite Scrolling Paging для вызова $ flickr-> ('flickr.photos.search'); Я зарегистрировал пользователя и первые 10 фотографий. Теперь, как реализовать прокрутку пейджинга для оставшихся фотографий.
Я использую * API-интерфейс Flickr API с поддержкой OAuth 1.0a для PHP> = 5.3.0. И Codeigniter
Любая помощь будет оценена ….
Дайте уникальное значение 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>