title: Add facebook comments inside fancybox with photo
body: <p>how to add facebook comments in a fancybox? in my HTML i've this:</p>
  
  <pre><code>&lt;a  class="fb" data-fancybox-group="gallery" title="Laurea" href="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg"&gt;
  &lt;img  src="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg" alt=""   width="19%"/&gt;&lt;/a&gt;
  </code></pre>
  
  
  
  <p>then in other file called js.js I've a fancybox function:</p>
  
  <pre><code>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  
  
  
      $(".fb")
      .attr('rel', 'gallery')
      .fancybox({
          padding: 0,    
          afterShow : function(){
          var myContent = '&lt;div id="myContent"&gt;
  &lt;iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;amp;layout=button_count&amp;amp;show_faces=true&amp;amp;width=500&amp;amp;action=like&amp;amp;font&amp;amp;colorscheme=light&amp;amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:210px; height:30px;" allowTransparency="true"&gt;
  &lt;/iframe&gt;
  &lt;iframe src="http://www.facebook.com/plugins/comments.php?href=' + this.href + '&amp;permalink=1"  scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width="600" height="600"" allowTransparency="true"&gt;
  &lt;/iframe&gt;
    &lt;/div&gt;';
   $(".fancybox-wrap").append(myContent);}
   });
  </code></pre>
  
  <p>How do  I to show the comments in a fancybox? thx</p>