2012-07-31 123 views
0

所以我试图在我的网站上显示我的Facebook粉丝页上的相册。 我使用此代码,并设法得到我的网站上的图片(用css格式), ,但安装灯箱来显示全尺寸的图像将无法正常工作。任何人的想法?在自己的网站上显示Facebook中的Facebook图片的相册

在此先感谢!

代码:

HEAD 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script> 
    //fbAlbum Script courtesy of [email protected] | http://zach.lysobey.com/projects/fbalbum 
    (function($){$.fn.fbAlbum=function(f){var g=this;var h={'albumID':10150302289698306,'limit':100,'ul':'album','callback':'','title':true};if(f){$.extend(h,f)}var i="https://graph.facebook.com/"+h.albumID+"/photos?limit="+h.limit+"&callback=?";$.getJSON(i,function(a){var b=[];for(var c in a){for(var d in a[c]){val2=a[c][d];if(typeof(val2.source)!="undefined"){var e="";if(h.title&&val2.name){e=val2.name}b.push('<li><a href="'+val2.source+'" rel="prettyPhoto[gallery1]" title="'+e+'"><img src="'+val2.picture+'" width="72" height="72" /></a></li>')}}};$('<ul />',{'class':h.ulClass,html:b.join('')}).appendTo(g);if(h.callback){h.callback()}});return this}})(jQuery);  
    $(document).ready(function() { 
     $('#gallery').fbAlbum({ 
      'albumID':XXX 
     }); 
    }); 
    </script> 

BODY 
<div id="gallery"></div> 

PS:我是想用这个jQuery的灯箱:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

回答

1

只注意到这个岗位。我是你正在使用的FBalbum插件的作者。实际上,您可以通过fbAlbum函数实现一个“回调”选项,您应该在其中将脚本初始化为lightbox。

See this example page(with fancybox plugin)

+0

也随时给我发电子邮件,如果你还停留 - 我很乐意帮助您! – 2012-10-03 17:52:00

相关问题