締切済み

ロールオーバー効果について（改）

2005/01/27 05:57

前日に同じ内容の質問をさせていただいたのですが、どうも内容が伝わりづらかったため改めて投稿させていただきます。ビルダーの９についての質問です。左右にフレームで分割したページで、左のページ内の画像にカーソルを合わせたとき、右側の領域に画像を表示させたいのですが、つくりかたがわかりません。「新規ページ・フレーム・サンプル・標準・テクニック」で表示されるサンプルページに上記のものがつかわれていました。おそらくロールオーバー効果だと思い、いろいろとためしてみたのですがうまくいきません。同一ページ内であれば違う画像にロールオーバー効果をつけることができるのは知っているのですが……。教えてください、お願いします。

yannchanayaccha
お礼率0% (0/1)

ホームページ作成ソフト
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

みんなの回答

zikaku
ベストアンサー率78% (69/88)

2005/02/01 17:51 回答No.1

自信はないですが・・・＞「新規ページ・フレーム・サンプル・標準・テクニック」見ました。ビルダーV９で試しましたがちょっと大変ですね～関数の所でビルダーのHTMLソースに JavaScreptを書き込まないと出来ないみたいです。 HTMLソースを見ると解ると思いますがあのサンプルはJavaScreptをたくさん使ってます。 JavaScreptを少ししか使わない私は頭が痛くなるので省いて乗せます。 <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <A href="lin_f21.html" target="TitlePage" onclick="OnMoSetA(5,2);" onmouseover="OnMoSetA(1,2);" onmouseout="OnMoSetA(5,2);"> <IMG border="0" src="lin_an00.gif" alt="point"></A> <BR> <A href="lin_f22.html" target="TitlePage" onclick="OnMoSetA(5,2);" onmouseover="OnMoSetA(2,2);" onmouseout="OnMoSetA(5,2);"> <IMG border="0" src="lin_an00.gif" alt="point"></A> <BR> <A href="lin_f23.html" target="TitlePage" onclick="OnMoSetA(5,2);" onmouseover="OnMoSetA(3,2);" onmouseout="OnMoSetA(5,2);"> <IMG border="0" src="lin_an00.gif" alt="point"></A> <BR> <A href="lin_f24.html" target="TitlePage" onclick="OnMoSetA(5,2);" onmouseover="OnMoSetA(4,2);" onmouseout="OnMoSetA(5,2);"> <IMG border="0" src="lin_an00.gif" alt="point"></A><BR> </BODY> ＊＊＊説明＊＊＊＊＊＊ OnMouseA=new Array() for(i=1;i<6;i++) 画像を増やす時は６の数を増やします。（サンプルでは５つの画像を使ってます。（6以下）１～４は、表示用、５は画像を消す用） { OnMouseA[i]=new Image(); OnMouseA[i].src="lin_go"+i+".gif"; } <BODY>内で　i　の所に、数字が代入されます。 lin_go1.gif（ポインターが上に来ると向かって右のフレームに表示される画像） ↑１が代入されるとlin_go1.gifのファイルが呼び出されます。２～４も同じ、５はlin_go5.gifで、画像を消す画像です。 lin_f21.html（lin_f22.html～） ↑クリックした後のリンク先（ページ編集でリンク先を変えれます） onmouseover="OnMoSetA(1,2) ↑ポインターが上に来たとき (1,2) ↑i　にこの　1　が代入される。長くなったので、あとは、省略します。解らなくなったら、参考URLのソースを見てください。