如何停止瀏覽器加載圖片或斷開連接到主機？

我正在使用jQuery加載Facebook個人資料圖片，我希望瀏覽器斷開連接到Facebook，如果5秒後無法加載圖片。這裏是我的代碼：如何停止瀏覽器加載圖片或斷開連接到主機？

jQuery(window).bind("load", function() { 
    jQuery('#fbProfilePicture').attr("src","http://graph.facebook.com/100001225080368/picture"); 
    setTimeout(function(){    
      //my code 
      if (true) 
      { 
      //how to disconnect to facebook here. 
      } 
      else 
      { 
      //do something 
      } 
    },5000); 
});

我使用Wordpress。請幫忙！

來源

2012-02-09 newbie29

我只是將src屬性設置爲別的東西。不是很漂亮，但因爲你不能控制Facebook的反應，所以不知道它有多好。您使用jQuery的load事件來跟蹤圖像是否已加載。如果沒有，那麼就把src設置爲別的東西（我的例子中沒有）或者刪除元素。

jQuery(window).bind("load", function() { 
    var loaded = false; 
    jQuery('#fbProfilePicture').load(function() { 
     loaded = true; 
    }); 

    jQuery('#fbProfilePicture').attr("src", "http://graph.facebook.com/100001225080368/picture"); 

    setTimeout(function() { 
     //my code 
     if (loaded) { 

     } else { 
      $('#fbProfilePicture').attr('src', ''); 
     } 
    }, 5000); 
});

來源

2012-02-09 05:02:21 mrtsherman

非常感謝您的回覆。我測試過，並沒有奏效。您不能通過刪除「src」attr來斷開連接，也不能通過將其他設置爲「src」attr來斷開連接。瀏覽器仍然連接，你會在狀態欄上看到「Waiting for graph.facebook.com ...」。 – newbie29 2012-02-09 05:32:56

@ newbie29 - 我想你需要將其設置爲實際圖像或它不起作用。只需將它指向一個透明的gif或其他東西。注意到我將'attr'改爲'prop'。如果你使用jQuery 1.7+，你應該使用prop代替。 http://jsfiddle.net/Te5Nm/ – mrtsherman 2012-02-09 05:38:15

謝謝。我發現我的問題。瀏覽器繼續連接到Facebook，因爲我的網頁上有另一個JavaScript功能。通過上面的腳本，我們可以使用「removeAttr」或通過使用'.attr'或'prop'將'src'設置爲空。再次感謝：D – newbie29 2012-02-09 10:02:25

如何停止瀏覽器加載圖片或斷開連接到主機？

回答

相關問題