画像に触れたらテキストがでるようにするには？

質問

ＨＰを作成しているのですが、ある画像にマウスが触れたら、コメント文が表示されるような（画像のある位置とは別のところに表示）ことはできるのでしょうか？どのようなタグを組めばよいのか、教えていただけないでしょうか。

回答No.3

noname#810 · ベストアンサー

いろんな表示方法があるでしょうが、javaスクリプトは必須になりますね。エディタがDreamWeaverやホームページビルダーあたりなら簡単にできるはずですが。。。
指定の画像のうえにポインタが来たら文字が書かれてるレイヤーを非表示から表示に切り替えるjavaスクリプトなわけですが。

とりあえずサンプルを作ってみましたが、こんなのでしょうか？

参考URL：

http://www6.plala.or.jp/beamz/sample/newpage1.htm

補足

サンプルまで作っていただき、ありがとうございます。
ソースを貼り付けて、なんとか考えどおりのものができました。本当に助かりました。他の皆様の意見からも得たものが多く、勉強になりました。素人なりに頑張ってみます。

回答No.4

msystem

IEでしかできませんが、（Netscapeではできません）テキストを表示させたい部分のタグに「title="○○"」と入れれば、Windowsで言うToolTipが出てきます。

<td title="表示だよ">

ってな感じです。

回答No.2

meke2

こんばんわー
ってちょっと回答遅いかもしれませんが…

おそらく下記のＵＲＬみたいな感じでいいと思いますが…どうでしょうか。
とりあえず、ＨＴＭＬのタグにはコメントを表示するようなタグは無い(ハズ)
なので、JavaScriptで実現することになります。

説明が無いまま作ってしまったので、もしソースを参照してわからないことが
あれば補足としてまた聞いて下さいー。

参考URL：

http://members.jcom.home.ne.jp/guru-guru/sample/samp.html

回答No.1

kurio

画像の表示の仕方はわかりますよね？
<img src=...>
それの応用です。↓
<img src="○○○.gif" alt="☆☆">

「☆☆」の部分にコメントを入れてください。

補足

kurio様　回答ありがとうございます。
私の質問の聞き方がよくなかったです。ある画像にカーソルを重ねると、任意の指定した場所に文字を表示するにはどのようにすればよいでしょうか？せっかく教えていただいたのにすみません。お分かりでしたらご回答お願いいたします。