オンマウス時に任意の場所へ画像を複数表示

質問

いろいろ探してはみましたが意味がわかりません。
誰か教えてください。
説明が下手ですので図をいれて説明します。
画像の上にマウスをもってきた時、（画像が　■　だとします）　
　　　　　　　　□　□
　　　　　　　　　■　
　　　　　　　　□　□

このように■の上にマウスを乗せると四枚の画像を四方に表示させ、マウスを外したら消えるようにしたいのですが、どなたかソース解かる方いましたらお願いします。
またＧＩＦアニメを□の画像で表示できるのでしょうか？

回答No.1

noname#49664 · ベストアンサー

これは、Webサイト作成の話で、ブラウザで表示された画像を操作するということですか。それとも一般的なウインドウを使ったアプリケーションでの話ですか。
　もし、ブラウザで行わせたいのなら、これはJavaではなくJavaScriptの話になります。そちらで相談された方が良いでしょう。そうでないなら、そのあたりをもう少し具体的に補足していただけますか。

回答No.3

masusun

誤：　stype.visibility
正：　style.visibility

No.2です。タイプミスでした。
ちなみに↑でgoogle検索しただけでかなり近いサンプルが見つかりましたよ。
http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_026.html
これをそのまま流用できるのではないでしょうか。

参考URL：

http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_026.html

回答No.2

masusun

まず、html/JavaScriptはある程度わかっているんですよね？
ソース書いて載っけろってのはめんどくさいのでしません。

onload
onmouseover
onmouseout
stype.visibility

↑このあたりでネット検索すれば簡単なのではないですか？
全部JavaScriptです。
最初にページ開いたときonloadで画像□は非表示にしておき
後は■にマウスが乗る/外れるでvisibilityを切替えるだけですよ。