无限滚动分页
Infinite Scrolling Paging
任何人都可以告诉如何为 $flickr->call('flickr.photos.search'); 实现无限滚动分页吗?我有用户登录和前 10 组照片。
现在如何实现剩余照片的滚动分页。
我正在使用 * Flickr API 套件,支持 PHP >= 5.3.0 的 OAuth 1.0a。
和 Codeigniter
任何帮助将不胜感激....
为包含您设计中的故事的 div 提供唯一 ID 值,并使用 Jquery 到 Post 使用 Ajax [=31] 将值传递给您的控制器=] 然后检索下一组 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 滚动事件如下所示:
$('.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>
任何人都可以告诉如何为 $flickr->call('flickr.photos.search'); 实现无限滚动分页吗?我有用户登录和前 10 组照片。 现在如何实现剩余照片的滚动分页。
我正在使用 * Flickr API 套件,支持 PHP >= 5.3.0 的 OAuth 1.0a。 和 Codeigniter
任何帮助将不胜感激....
为包含您设计中的故事的 div 提供唯一 ID 值,并使用 Jquery 到 Post 使用 Ajax [=31] 将值传递给您的控制器=] 然后检索下一组 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 滚动事件如下所示:
$('.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>