html - 画像のツールチップ

Question

ツールチップを使用しています。しかし、画像にマウスオーバーしたときのように、ツールチップが機能するように、画像タグでそれが必要です。イメージタグを試してみましたが、うまくいきませんでした。

Answer 1

これには、画像の標準の HTML タイトル属性を使用できます。

<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/>

Answer 2

次の形式を使用して、画像のツールヒントを生成できます。

<div class="tooltip"><img src="joe.jpg" />
  <span class="tooltiptext">Tooltip text</span>
</div>