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