0

基本的に私はこのようなものが欲しい<img src="doesntexist.png alt="Image does <b>Not</b> exist" />.

編集 情報をありがとう、しかし私は JavaScript なしでこれを達成したいと思っていました。

4

2 に答える 2

2

従来のHTMLでは求めていることを実行できません。

alt属性は、タグのセット（つまり、img、area、およびオプションでinputとapplet用）で定義され、オブジェクトと同等のテキストを提供できるようにします。

http://www.w3.org/QA/Tips/altAttribute

Alt属性は、画像が利用できない場合、ブラウザに表示されない場合、または画像がユーザーに表示されない場合に、画像のテキスト説明を表示するために使用されます。一部のユーザーは、盲目、色覚異常、または視力が弱い可能性があります。このような場合、alt属性は、画像の意図を説明することでユーザーを支援するために使用されます。

ツールチップのようなものを調べたいと思うかもしれません。ツールチップを使用すると、スタイルとエンドユーザーへの表示方法をカスタマイズできます。そこにはたくさんあります。1つの例は、jQueryのツールチップです：http：//jqueryui.com/tooltip/#custom-style

于 2013-03-09T03:44:47.827 に答える
1

残念だけど違う。ただし、Javascript でマークアップできるように複製することはできます。

function altContent(img) {
    var alt = document.createElement('div');

    alt.innerHTML = img.getAttribute('alt');

    img.parentNode.replaceChild(alt, img);
}

onerror次に、属性を画像に追加するだけです。

<img src="doesntexist.png alt="Image does <b>Not</b> exist" onerror="altContent(this)" />

JSFiddle の例

クリーナー ソリューション

于 2013-03-09T03:27:27.927 に答える