title: Show album of Facebook pictures in a lightbox on own website
body: <p>so I was trying to show an album from my facebook fanpage on my website.
  I used this code and managed to get the pictures (formatted with css) on my website, 
  but installing a lightbox to show the full size images won't work. Anyone an idea?</p>
  
  <p>Thanks in advance!</p>
  
  <p>code:</p>
  
  <pre><code>HEAD
          &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      //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+"&amp;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&amp;&amp;val2.name){e=val2.name}b.push('&lt;li&gt;&lt;a href="'+val2.source+'" rel="prettyPhoto[gallery1]" title="'+e+'"&gt;&lt;img src="'+val2.picture+'" width="72" height="72"   /&gt;&lt;/a&gt;&lt;/li&gt;')}}};$('&lt;ul /&gt;',{'class':h.ulClass,html:b.join('')}).appendTo(g);if(h.callback){h.callback()}});return this}})(jQuery);    
      $(document).ready(function() { 
          $('#gallery').fbAlbum({
              'albumID':XXX 
          }); 
      });
      &lt;/script&gt;
  
  BODY
  &lt;div id="gallery"&gt;&lt;/div&gt;   
  </code></pre>
  
  <p>PS: I was trying to use this jQuery lightbox: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto</a></p>