オンマウスで画像を別の場所に表示する

質問

過去ログで似たようなのがあったのですが、
全然わからなかったので、質問しました。
文字オンマウスで、画像を別の場所に表示したいのですが・・
(java～を使わなくてもよいやり方が知りたいです。
java～は使ったことがない初心者ですので。)

ちなみに、画像オンマウスで文字を別の場所に表示するのは、
↓このやり方(html)でできたんですが・・・

<span ID="msg">ここに表示される</span>

<a href="ページＵＲＬ"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像ＵＲＬ" border="0"></a>

回答No.1

to_kyo · ベストアンサー

<!-- ↓ここに表示される -->
<img src="もとの画像URL" border="0" ID="msg2">
<!-- ↑ここに表示される -->

<a href="ページＵＲＬ" onMouseOver="msg2.src='表示したい画像URL'" onMouseOut="msg2.src='もとの画像URL'">
　　<img src="画像ＵＲＬ" border="0">
</a>

こんな感じで。

お礼

さっそくやってみたらできました。
回答ありがとうございました。

回答No.2

koutarou504

java～ は JavaScript の事と読ませて頂き・・・。
あの～、onMouseOver での記述も JavaScript なのですがぁ～
（さらに難しい事を言えば、いろいろな Script がありますが、今のこの場ではとりあえず・・・）

基本的な考え方は、無から有は無理なのでは？　という事で、表示させたい場所になんらかの仕込がないと。
つまり表示させるのでなく書き換えると。
で、望む場所に<img src="" id="testid">として、
onMouseOver="test.id.src=見せたい画像ＵＲＬ
で出来るのでは？

で、いえ文字列を画像にしたいと思われるのでしたら、
機能上無理ではないかと・・・。
とはいえ、見た目をそうする事は可能です。
文字列の近くの処に画像要素を見えない状態で仕込んでおき、画像要素を見える様にした時に文字列を見えなくする・・・。
より手間は掛かります。
（JavaScript と CSS を組み合わせて処理すれば、より明確・・・。）

尚、innerHTML って対応していないブラウザもありますので。また、innerHTML でタグを記述すればそれが書かれるという方法もあるらしいですけれど、検証した（見た）事がないのであくまで参考情報として。

お礼

on mouseoverというのはjavascriptだったのですか。
すみません、何も判らない初心者でして。。

でも、no1で回答して下さった方のやり方でできました。
いろいろとありがとうございました。