如何检查互联网连接并显示默认图像

我正在开发一个应用程序使用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

如何检查互联网连接并显示默认图像

回答

相关问题