當內容未加載時，iframe內容填滿Facebook專用

我正在以iframe形式安裝類似Facebook的框。當您未登錄到Facebook時，它會留下一個空白區域，該空白區域設置爲原始iframe指定的參數。當有人沒有登錄到Facebook時，我想用圖像填充該iframe以鏈接到Facebook頁面。當內容未加載時，iframe內容填滿Facebook專用

登錄： http://ripvision.tv/images/fb-logged-in.PNG

未登錄： http://ripvision.tv/images/fb-not-logged-in.PNG

您可以在「登錄」，我是試圖建立一個類與背景圖像顯示在內容見沒有出現，但是當內容加載和沒有時出現。如果Facebook內容無法加載，我只想加載圖片鏈接。我嘗試了所有我能想到的。

我認爲在iframe的樣式中添加背景顏色會起作用，但事實並非如此。這裏是來自Facebook的iframe代碼。

<iframe class="fb_background" src="//www.facebook.com/plugins/likebox.php?href=http %3A%2F%2Fwww.facebook.com%2Fteamripoutdoors&amp;width=236&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:258px; background-color: #000;" allowTransparency="true"></iframe>

我已經在這個幾個小時難住了。如果有人可以幫助，我將不勝感激。

來源

2014-01-18 user2009771

我會用FB.getLoginStatus這個

FB.getLoginStatus允許您確定用戶是否登錄到 Facebook和已經驗證您的應用程序。有三種可能的狀態的用戶：

用戶登錄到Facebook和已經驗證您的應用程序（連接）

用戶登錄到Facebook上，但尚未驗證您的應用程序（未授權）

用戶此時尚未登錄Facebook，因此我們不知道他們是否已驗證您的應用程序（未知）

在這種情況下，我們將使用 not_authorized這意味着用戶登錄到他們的Facebook帳戶，並會顯示出樣箱

unknown意味着用戶沒有登錄到他們的Facebook帳戶，並顯示一個回退圖像

FB.getLoginStatus(function(response) { 

    if (response.status === 'not_authorized') { 
    // the user is logged in to Facebook, 
    // but has not authenticated your app 
    $('#likeBoxDiv').fadeIn(); 
    } else { 
    // the user isn't logged in to Facebook. 
    $('#likeBoxDiv').html('{YOUR_FALLBACK_DIV'); 
    } 

});

下面是一個簡單Fiddle

雷默mber：爲此創建應用並且不使用此應用驗證任何用戶否則您必須添加connected聲明

來源

2014-01-18 08:31:41

當內容未加載時，iframe內容填滿Facebook專用

回答

相關問題