Question

我正在使用phonegap开发一个应用程序。我希望在移动设备中没有互联网连接的情况下显示默认图像。这样，如果用户没有连接到互联网，用户而不是看到替代文字必须看到默认图片。

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

我知道我们不能直接在alt属性中显示图像。但是我们可以使用jquery吗？提前致谢

所以这就是我想要的

使用jquery检查互联网连接
如果连接可用，则显示在src属性
如果不显示默认图像

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

Answer 1

添加连接插件

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');


}

Answer 2

试试这个

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

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

Answer 3

也许你可以这样做 img标签有一个属性onerror事件，你可以使用它 onerror将在无法获取img时启用

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

3 个答案: