如何檢查互聯網連接並顯示默認圖像

我正在開發一個應用程序使用phonegap.I想要顯示默認圖像，以防萬一在移動設備上沒有互聯網連接。這樣，如果用戶沒有連接到互聯網的用戶，而不是看到ALT文本必須看到一個默認的圖像。如何檢查互聯網連接並顯示默認圖像

<img src="http://i1371.photobucket.com/albums/ag320/V3RT1AG0/the-amazing-spider-man-2-big-gam_zps01c52371.jpg" alt="Some Default Image">

我知道，我們不能顯示圖像的ALT屬性的使用jQuery它directly.But可以做什麼？在此先感謝

所以這是我使用jquery

如果連接可用，那麼在src屬性指定

圖像如果不是顯示默認的圖像顯示要

檢查Internet連接

注意： - 我有很多不同的圖像。

來源

2014-07-20 Adityaraj Pednekar

也許你可以像這樣
img標籤有onerror事件的屬性，你可以用它的onerror將使時候不能得到IMG

來源

2014-07-20 15:34:33 zhangsanshi5566

好吧，我做了這樣的'' –

添加連接插件

http://cordova.apache.org/docs/en/3.3.0/cordova_connection_connection.md.html#Connection

舉一個ID的圖像標籤

<img id="change_me" src="http://i1371.photobucket.com/albums/ag320/V3RT1AG0/the-amazing-spider-man-2-big-gam_zps01c52371.jpg" alt="Some Default Image">

在設備內部功能齊全

if(navigator.connection.type==0) 
{ 
    change_image(); 
} 
else if(navigator.connection.type=='none') 
{ 
    change_image(); 
} 
else 
{ 

}

現在change_image()功能

function change_image() 
{ 

    image_url='img/default.jpg'; 
    jQuery('#change_me').attr('src', image_url); 
    jQuery('#change_me').trigger('refresh'); 


}

來源

2014-07-20 13:44:44 AtanuCSE

待辦事項我需要在ready函數外添加change_image函數，並且爲什麼你將最後一個條件留空。通過設備就緒函數，你的意思是在document.ready函數內部嗎？對不起，我是jquery的新手。 –

在phonegap中，通常所有的工作都是在deviceready之後開始的。你可以說它是document.ready的cordova版本。要了解更多信息，請參閱http://cordova.apache.org/docs/en/3.3.0/cordova_events_events.md.html#deviceready首先，您需要添加該設備就緒列表程序，在該設備內，您可以編寫這些網絡查找程序碼。 'else'表示您已連接到互聯網。是的，你可以把change_image函數放在deviceready函數之外@AdityarajPednekar – AtanuCSE

試試這個

document.addEventListener("offline", onOffline, false); 

function onOffline() { 
    console.log("You have no Internet access"); 
}

來源

2014-07-20 15:06:38 Sureshreddy

如何檢查互聯網連接並顯示默認圖像

回答

相關問題