0
<img src="#" alt="Sorry the image could not be displayed.">
在上面的代码中,我想显示ALT,而不是text.In图像这样,我要显示我的网站徽标作为图像如果它不能连接到互联网。我可以在alt属性显示图像如果图像加载失败
更新:我正在使用Phonegap开发android应用程序。
<img src="#" alt="Sorry the image could not be displayed.">
在上面的代码中,我想显示ALT,而不是text.In图像这样,我要显示我的网站徽标作为图像如果它不能连接到互联网。我可以在alt属性显示图像如果图像加载失败
更新:我正在使用Phonegap开发android应用程序。
正如评论中所述 - 如果您的用户没有互联网连接,他们无法加载新的图像。但是,如果它对您有任何用处,并且您希望以任何原因加载占位符。
你可以做这样的事情用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
做这个工作,谢谢 –
如果没有互联网,他们是如何意味着加载第二图像? – Albzi
尝试使用具有'onerror'事件处理程序的脚本 –
这不是如何使用'alt':'alt属性必须包含从http://www.w3一起传达链接或按钮目的的文本。 org/wiki/HTML/Elements/img – DrCopyPaste