無限滾動尋呼

Question

任何人都可以告訴如何實現無限滾動尋呼$ flickr-> call（'flickr.photos.search'）;我有用戶登錄和前10組照片。 現在如何爲其餘照片實現滾動分頁。

我使用的* Flickr API工具包支持OAuth 1.0a for PHP> = 5.3.0。 而笨

任何幫助，將不勝感激....

Answer 1

提供價值的唯一ID時，它包含的故事在你的設計div和使用jQuery使用Ajax後然後旁邊檢索到的值發佈到您的控制器一套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>