asp.net MVC3を使用していて、コースに関する情報を含むテーブルを表示したいのですが、画像を表示する「情報」というフィールドがあります。その画像にマウスを合わせたときにツールチップを表示したい
私はこれのような画像を示しています:
<img id="ok" src="../../Images/info.jpg" alt="tooltip"/>
追加したプラグインを使いたくない
誰かがこれで私を助けることができますか?
asp.net MVC3を使用していて、コースに関する情報を含むテーブルを表示したいのですが、画像を表示する「情報」というフィールドがあります。その画像にマウスを合わせたときにツールチップを表示したい
私はこれのような画像を示しています:
<img id="ok" src="../../Images/info.jpg" alt="tooltip"/>
追加したプラグインを使いたくない
誰かがこれで私を助けることができますか?
Htmlタグtitle
と同様に使用alt
<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/>
alt
img
要素の属性は、画像が存在しない場合の代替テキストとして使用されます。一部のブラウザでは、画像にカーソルを合わせるとこれらがツールのヒントとして表示されますが、標準ではありません。
このtitle
属性を使用して、画像のホバー時にツールチップを表示できます。
画像を使用するときは常にalt
属性を指定する必要があります。これはアクセシビリティ(スクリーンリーダーがalt
テキストを読む)に最適であり、属性がないとXHTMLに失敗します。