2014-04-02 39 views
0
<img src="#" alt="Sorry the image could not be displayed."> 

在上面的代码中,我想显示ALT,而不是text.In图像这样,我要显示我的网站徽标作为图像如果它不能连接到互联网。我可以在alt属性显示图像如果图像加载失败

更新:我正在使用Phonegap开发android应用程序。

+0

如果没有互联网,他们是如何意味着加载第二图像? – Albzi

+0

尝试使用具有'onerror'事件处理程序的脚本 –

+0

这不是如何使用'alt':'alt属性必须包含从http://www.w3一起传达链接或按钮目的的文本。 org/wiki/HTML/Elements/img – DrCopyPaste

回答

1

正如评论中所述 - 如果您的用户没有互联网连接,他们无法加载新的图像。但是,如果它对您有任何用处,并且您希望以任何原因加载占位符。

你可以做这样的事情用jQuery

我已经为你设置一个基本的小提琴这是很容易理解。

图像的#Src的

<img src="#" alt="no image" /> 

变量找到#Src和用占位符替换

var noSrc = '#'; 
var noImg = 'http://placehold.it/400x500'; 
$('img[src="' + noSrc + '"]').attr('src', noImg); 

只要改变noImg变量的路径,无论你的形象路径将是。

工作实例:Fiddle

<img src="#" alt="no image" /> 
$('img[src="#"]').attr('src', 'http://placehold.it/400x500'); 

例无变量:Fiddle 2

+0

做这个工作,谢谢 –