解決済
マウスポインタを画像にあわせると違う画像にしたいです。
はじめまして。質問させていただきます。ブログの本文で 画像を２枚使って、
マウスポインタが、画像Aに合わせたときに画像Bに変わるイベントをしたいのですが、
どのようにすればいいでしょうか？
onmouseover と onmouseout
を使用して、
<P>
<A onmouseover='document.images[hanabi].src="URL/画像A.jpg"' onmouseout='document.images[hanabi].src="URL/画像B.jpg"' href="URL/画像A.jpg" target=_blank>
<IMG height=213 alt=hanabi.jpg hspace=5 src="URL/画像A.jpg" width=160 align=left border=0 name=hanabi>
</A>
この書き方ですと、間違っているでしょうか？
よろしくおねがいします。
2007-08-22 13:15の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-08-22 14:39:11
まず、
次に、IMGタグのsrcを、画像AではなくBにします。
それがいやなら、onmouseoverをB、onmouseoutをAにします。
あと、基本的に属性の値は""で囲ってください。
height="213"のように。
これだと、画像がリンクになっていますが、
それがいやな場合はimgタグに設定しましょう。
document.images[hanabi]ではなく、
document.hanabiにします。
次に、IMGタグのsrcを、画像AではなくBにします。
それがいやなら、onmouseoverをB、onmouseoutをAにします。
あと、基本的に属性の値は""で囲ってください。
height="213"のように。
これだと、画像がリンクになっていますが、
それがいやな場合はimgタグに設定しましょう。
自信度 : 自信あり 回答レベル : アドバイス
ありがとうございます。
documentの後を変更したら、動作いたしました。
画像の方もうまく変更でき、イメージどおりになりました。
それから、たぶんライブドアのエディタのかんけいなのか、
""で値を囲っても消えてしまうみたいです。
一応、今回は問題無さそうですが、他のソースを書く時は、""をちゃんと書くようにしようと思います(*^_^*)
ありがとうございました。
Ads By Google
コメント
まだコメントがありません
