2011-12-04 15 views
3

的HTML5是否有可能使用Facebook的起絨通過JavaScript API的指向一個APP-ID,而不是HREF?例如,會是什麼的JavaScript等價的IFRAME代碼:Facebook的起絨使用相反的iFrame

<iframe src="http://www.facebook.com/plugins/facepile.php?app_id=120600291315567" 
    style="border:none; overflow:hidden; width:300px; height: 70px"> 
</iframe> 

回答

7

要向朋友使用你的網站/應用程序有多少,只是用在https://developers.facebook.com/docs/reference/plugins/facepile/產生的HTML5例子,然後刪除data-href屬性。例如:

<div id="fb-root"></div> 
<script>(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/en_GB/all.js#xfbml=1&appId= 120600291315567"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<div class="fb-facepile" data-width="200" data-max-rows="1"></div> 

data-href屬性表示要顯示有多少人有喜歡特定URL來代替。

+0

謝謝!那正是我需要的! – Andres

-2
<div id="fb-root"></div> 
<script>(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/en_GB/all.js#xfbml=1&appId= 120600291315567"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<div class="fb-facepile" data-href="http://example.com" data-width="200" data-max-rows="1"></div> 

這其實在Facebook的社交插件文檔中。

+1

此代碼是爲一個頁面(不是應用程序)創建一個FacePile。被顯示的面孔將會不同... –