別のフレームに画像を表示させる

質問

検索をかけてみたのですが、同じ質問は見付からず
似た(？)ような質問の回答では理解出来ないので
どなたかご存知の方が居ましたらお願い致します

マウスを乗せた時、他の画像を表示させたり、画像に効果をつける
ロールオーバーという機能の仲間なのではないかと思うのですが
「マウスを乗せた時、別のフレームに画像を表示させる」事は可能なのでしょうか？

フレームを上下に分けて、上は写真のサムネイルで
そのサムネイルにマウスを乗せた時に
下のフレームに大きめの、サムネイルとは別の画像を表示させたいのですが
やり方が判りません。

ロールオーバーも使った事がなかったのですが
やってみたら(基本の効果は)、そこそこ理解出来ました。
フレームも最近覚えた初心者ですので、スクリプトも良く判りません
(作られたソースを貼る位しか出来ません・・・・)

宜しくお願い致します

回答No.2

noname#25358 · ベストアンサー

そうですかぁ(^_^;
　少なくとも初心者は脱しないと難しいかもしれませんね……。

　具体的にいうと、たとえば下記のようなＨＴＭＬがあったとき、

<FRAME SRC="a.htm" NAME="INDEX">
<FRAME SRC="b.htm" NAME="MAIN">

　a.htm の中に下記のようなソースを埋め込みます。

<script>
<!--
function changePicture(picname) {
document.MAIN.all.PICTURE.src = picname;
}
//-->
</script>

　次に、a.htm のサムネイル画像を次のように改造します。

　　<img src="xxxx.jpg" onMouseOver="changePicture('yyyy.jpg')">

　それから、b.htm の実際に写真を表示させる部分を次のように定義します。

　　<img src="zzzz.jpg" id=PICTURE>

　以上でお望みの処理が可能です。
　（xxxx はサムネイル、yyyy は実際に表示させる画像、zzzz は初期表示用画像のファイル名です）

補足

すみません！
なかなかネットに入る時間がなく、お返事遅くなりました

引き続き教えて頂けますと有り難いです

<FRAME SRC="a.htm" NAME="INDEX">
<FRAME SRC="b.htm" NAME="MAIN">

は各フレームの事ですか？

a.htm の中に埋め込むソースは場所はどこも良いのでしょうか？
ビルダーでソースを埋め込むと「エラーを修正しました」
と出ますが、あれは正しい位置に持って行ってくれているのでしょうか？

ちょっとやってみます。

回答No.4

noname#25358

俺の書いたソースは、hiroki-1974 さんの環境を想像して書いたものなので、直コピだと多分動かないです(^_^;
　実際試したわけじゃないので……。
　まぁ、色々試行錯誤してみてください。

お礼

いろいろ試してみましたが、結局駄目でした(苦笑)
アドバイスを頂いたのにすみませんでした
一生懸命教えて下さって有難うございました。

回答No.3

noname#25358

>は各フレームの事ですか？

　そうです。
　<FRAMETSET>タグの存在するファイルのことです。

>a.htm の中に埋め込むソースは場所はどこも良いのでしょうか？

　基本的にはどこでもいいはずです。
　エラーが出る理由は分かりません(^_^;　ちゃんと動くならそれでいいとは思いますが。

補足

早速の回答有難うございます。
やってみたのですが、ビルダーでプレビューすると
スクリプトエラーですと出て、
(エラーですが)スクリプトを実行しますか？という選択肢が出ます。
「はい」と選ぶと同じメッセージが出て繰り返されます。

画像のファイル名を入れる所に画像も入れたのですが
画像も表示されませんでした。

回答No.1

noname#25358

難しいですよ？(^_^;

　document.FRAME名.Image[0].src = 'file.jpg';

　といったスクリプトを実行させればいいわけなんですけど……分かります？(^_^;

補足

すみません。
全く解りません(＾＿＾；)

スクリプト・・とは？といったレベルなんです・・・・
ビルダーで作っているので専門用語がさっぱりです。
初心者が出来るものではありませんか？