如果图像无法加载，我可以在alt属性中显示图像吗？

Question

<img src="#" alt="Sorry the image could not be displayed.">

在上面的代码中，我希望用alt而不是text来显示图像。这样，如果无法连接到互联网，我想将我的网站徽标显示为图像。

更新：我正在使用Phonegap开发Android应用程序。

Answer 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