0
任何人都可以告诉如何实现无限滚动寻呼$ flickr-> call('flickr.photos.search');我有用户登录和前10组照片。 现在如何为其余照片实现滚动分页。无限滚动寻呼
我使用的* Flickr API工具包支持OAuth 1.0a for PHP> = 5.3.0。 而笨
任何帮助,将不胜感激....
任何人都可以告诉如何实现无限滚动寻呼$ flickr-> call('flickr.photos.search');我有用户登录和前10组照片。 现在如何为其余照片实现滚动分页。无限滚动寻呼
我使用的* Flickr API工具包支持OAuth 1.0a for PHP> = 5.3.0。 而笨
任何帮助,将不胜感激....
提供价值的唯一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>
到时候你怎么办做无限滚动分页这里... –
你能分享你的网址 – jones
我指的website..hootsuite Facebook登录和新闻源之一,滚动事件......是否有任何人知道它如何滚动工作 –