2012-07-31 53 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

相關問題