CGI-BBS > JAVA/JavaScript > JavaScript > 画像にマウスをのせると別の画像を表示するには?


カレッヂ
カレッヂ


質問者 るる  投稿日 7/14(土) 13:44:54
同じページ内に1つの画像の操作はできたのですが、2つ、3つ作ろうとすると
できません。本をみてそのままHTMLを書いたので、応用がききません。
どこかに何かをいれればいいと思うのですが、どなたか教えてください。
回答者 いのちゃん  [削除]  投稿日 7/14(土) 14:41:55
http://www.kcb-net.ne.jp/ki-net/umaji8.html
ご指摘の同一htmlのページに複数のマウスのOn & Offで画像を変えるのに
出来なかったと見えて当方も上述のurlのように多少工夫したページがありました。

本来はご希望に沿った内容で展開出来ればよいと考えますが当方の場合は貴殿と
同じく質問者側に立っている感じでありますねぇ。何方かよい方法があればご教授して
欲しいですが...。
回答者 あーるくん  [削除]  投稿日 7/14(土) 22:31:19
ある程度JavaScriptの知識がついてきたらfunctionで実現した方がいいのですが、
初心者のうちはこういったやり方もあります。

<IMG src="off.gif" onMouseOver="this.src='on.gif'" onMouseOut="this.src='off.gif'">

onMouseOverにマウスが乗ったときに表示する画像のアドレス(この例では'on.gif')を
onMouseOut にマウスが離れたときに表示する画像のアドレス(この例では'off.gif')を
設定します。

この要領で、<IMG>タグを書くたびにマウスが乗ったとき、離れたときの画像を設定します。
回答者 いのちゃん  [削除]  投稿日 7/14(土) 23:21:57
http://www.kcb-net.ne.jp/ki-net/index30.html
上記のurlに3組の画像を張ってテストした結果それぞれが独立してマウスのOn & Off
を受け入れるのを確認しました。どうも有難う存じました。(^_^)
質問者 るる  [削除]  投稿日 7/15(日) 14:52:54
あーるくん、ありがとうございます。
なんとかできるようになりました。
もっと難しいことを考えていたので、大変助かりました。
いのちゃんのサイトも参考になりましたよ。ありがとう。

返信(回答)する


Web裏技