Question

所以我试图在我的网站上显示我的脸书粉丝专辑。我使用这段代码并设法在我的网站上获取图片（用css格式化），但安装灯箱以显示完整尺寸的图像将无法正常工作。有人有想法吗？

提前致谢！

代码：

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 zach@lysobey.com | 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

Answer 1

刚刚注意到这篇文章。我是你正在使用的FBalbum插件的作者。实际上有一个'回调'选项，您可以传递fbAlbum函数，您应该在其中放置脚本来初始化灯箱。

See this example page(with fancybox plugin)

在自己的网站上的灯箱中显示Facebook图片的专辑

1 个答案: