画像にマウスを置くと他の画像が変化するワザ？

あや [E-Mail] 1999/12/14(火) 13:41:39
画像にマウスを置くと、同ページの他の画像が変化するという効果がありますが、いまいち設定がわかりません。

サンプルソースは以下のようになっていますが、image1,gifとimage2.gifの二つの画像を用意する、と書いてあるのに、ソースにはimage2.gifを配置するものが見当たりません。
実行してもオブジェクトが見つかりません、というエラーになります。

どなたか設定の方法を教えて下さい。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT Language="JavaScript1.1">
<!---
OnMouse = new Array() ;
  for(i = 1; i < 5; i++) {
  OnMouse[i] = new Image() ;
  OnMouse[i].src = "image" + i + ".gif" ;
  }
function OnMoSet1(flag, position) {
  document.images[position].src=OnMouse[flag].src ;
  return false ;
}
//---}
</SCRIPT>
</HEAD>
<BODY bgcolor="ffff00">
テスト<p>
<A HREF="#" onMouseOver="OnMoSet1(2,1)" onMouseOut=OnMoset1(1,1) OnClick="return OnMoSet(4,1)">
<IMG SRC="image1.gif" ALT="OnMouseA-1" BORDER=0 WIDHT="100" HEIGHT="100"></A>
<A HREF="#" onMouseOver="OnMoSet1(3,0)" onMouseOut=OnMoset1(1,0) onClick="return OnMoSet(4,0)">
<IMG SRC="image1.gif" ALT="OnMouseA-2" BORDER=0 WIDHT="100" HEIGHT="100"></A>
</BODY>
</HTML>

P初心者 1999/12/14(火) 14:02:07
このスクリプトのHTMLファイルと同じディレクトリー（フォルダー）へ
image1.gifとimage2.gifをバイナリモードでftpすればいけそうです！

>ソースにはimage2.gifを配置するものが見当たりません。
スクリプトで動的に指定しています。
> OnMouse[i].src = "image" + i + ".gif" ;

あとなんか、image3.gif image4.gif も必要では？

たこすけ 1999/12/14(火) 15:50:09
> 
> onMouseOut=OnMoset1(1,1)
> onMouseOut=OnMoset1(1,0)
onMouseOut="OnMoSet1(1,1)"
onMouseOut="OnMoSet1(1,0)"

> あとなんか、image3.gif image4.gif も必要では？
falseを返しているのでimage4.gifは無くても良いのでは？

たこすけ 1999/12/14(火) 15:53:07
すいません訂正させて下さい。

誤
> //---}
-->

正
> //---}
//-->

あや 1999/12/14(火) 17:30:00
ありがとうございます。
だいたい成功して、いろんなパターンで挑戦してます(^^)。

しかし、クリックした後にオブジェクトを指定してください、というスクリプトエラーになります。
タイプミスかと思い、何度も打ち込み直したんですが、ダメです。

>onMouseOut="OnMoSet1(1,1)"
の部分も、「""」が抜けていただけだと思ったんですが、一応いちからタイプしなおしても治らず、そのままコピー＆ペーストさせてもらったら動作しました。

なにが違うのでしょう・・・。

P初心者 1999/12/14(火) 19:09:14
このスクリプトのあるページのＵＲＬを教えて下さい！

たこすけ 1999/12/14(火) 19:21:48
> falseを返しているのでimage4.gifは無くても良いのでは？
これ大嘘ですね。（P初心者さん、ごめんなさい）

> クリックした後にオブジェクトを指定してください、というスクリプトエラーになります。
> タイプミスかと思い、何度も打ち込み直したんですが、ダメです。

> OnMoSet(4,1)
1が抜けてるのは修正しました？

> なにが違うのでしょう・・・。
最初のは S が小文字でした。

あや 1999/12/15(水) 14:16:44
できました！！
ありがとうございます。

>このスクリプトのあるページのＵＲＬを教えて下さい！
「詳解　html&javascript」という参考書です(^^;。

> OnMoSet(4,1)
>1が抜けてるのは修正しました？

。。。正にこれでした(^^;。

あや 1999/12/16(木) 08:16:40
すみません、追加質問です。

これでやっていると、image4までしか認識せず、image5～の画像を指定するとエラーになってしまいます。
これを実行できるようにするにはどうしたら良いのでしょうか？

また、同じワザらしきＷＥＢ画面で以下のようなスクリプトを見つけました。ちょっと長くて申し訳ないですが引用します。
この「btn」や「'gift'」は何を意味するものですか？

if (num=="11") document.images['gift'].src=btn11.src;
の部分もどういうことをする命令分ですか？

--------

<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>

[上に] [前に] [次に]