在fancybox中添加facebook評論與照片

如何在fancybox中添加facebook評論？在我的HTML我這樣的：在fancybox中添加facebook評論與照片

<a class="fb" data-fancybox-group="gallery" title="Laurea" href="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg"> 
<img src="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg" alt="" width="19%"/></a>

然後在其他文件中調用js.js我有一個的fancybox功能：

(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 = '<div id="myContent"> 
<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:210px; height:30px;" allowTransparency="true"> 
</iframe> 
<iframe src="http://www.facebook.com/plugins/comments.php?href=' + this.href + '&permalink=1" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width="600" height="600"" allowTransparency="true"> 
</iframe> 
    </div>'; 
$(".fancybox-wrap").append(myContent);} 
});

如何展現一個的fancybox的意見嗎？ thx

來源

2012-10-28 berti

你的意思是這個http://jsfiddle.net/dF4tT/4/show/light/？ – JFK

嗨JFK，也許我提出了錯誤的問題。我想知道，如果當你click與fancybox圖片可能會出現的照片，並在旁邊或下面的照片把社交插件Facebook評論，再次thanx – berti

在JavaScript文件我有這個： $（「。fb 「） .attr（ '相對'， '畫廊'） .fancybox（{ 填充：0， – berti

我的猜測是它沒有顯示評論插件，因爲該網站已經被解析並且是動態添加的。請嘗試以下右側的「追加」功能後：

https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

所以，你要麼只使用FB.XFBML.parse();解析整個文檔（再次），或使用FB.XFBML.parse(document.getElementById('foo'));解析特定元素與特定的ID。也應該適用於子項目。

此外，使用正確的插件代碼它，而不是iframe的版本：

https://developers.facebook.com/docs/reference/plugins/comments/

來源

2012-10-29 17:04:07 luschn

對不起，我是西班牙語，不會說英語很好我應該把FB.XFBML.parse（）之後$（「的fancybox纏繞」）附加（爲myContent）; ??這個？ $（「FB」） .attr（ '相對'， '畫廊'） .fancybox（{ 填充：0， afterShow：函數（）{ VAR爲myContent = '

'; FB.XFBML .parse（）; $（「。fancybox-wrap」）。append（myContent）; } }）; 非常感謝 – berti

在附加之後，不在之前： $（「。fancybox-wrap」）。append（myContent）; FB.XFBML.parse（）; – luschn

感謝Luschn，照片顯示，但仍然缺少評論 – berti

在fancybox中添加facebook評論與照片

回答

相關問題