ソースの意味を教えてください。

http://nifberry.727.net/test/hatena101.htmで*画像に触ったりクリックした時に画像を変化させる<p>
<a href=”#” onMouseOver=”SetImage1(2,0)” onMouseOut=”SetImage1(1,0)” onClick=”SetImage1(3,0)”>
<img src=”http://maiden1970.sakura.ne.jp/keiji1.gif” alt=”keiji1” border=0 width=”78” height=”33”></a>
<p>
<a href=”#” onMouseOver=”SetImage1(2,1)” onMouseOut=”SetImage1(1,1)” onClick=”SetImage1(3,1)”>
<img src=”http://maiden1970.sakura.ne.jp/reviu1.gif” alt=”keiji1” border=0 width=”78” height=”33”>の件は、クリッカブルマップの画像切り替えだと思うんですが、数値が何を示しているのかが
わかりません。教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/10/09 22:24:10
  • 終了:--

回答(8件)

id:reply No.1

reply回答回数787ベストアンサー獲得回数02004/10/09 22:43:20

ポイント16pt

SetImage1(flag,position)

を実行して、画像を呼び出しているのでしょう。(^^)

id:mKogu No.2

mKogu回答回数45ベストアンサー獲得回数02004/10/09 22:58:46

ポイント16pt

http://tohoho.wakusei.ne.jp/html/img.htm

そのファイルは現在ありません

数値は、サイズと枠線を示しています

ALTはメインの画面が出るまでに表示される文字です

id:syuzabu No.3

syuzabu回答回数155ベストアンサー獲得回数22004/10/09 23:05:09

ポイント16pt

JavaScriptは普段使わないので勉強がてら調べてみました。

まずJavaScriptの宣言部に注目しましょう。

================================================================================

var ButtonImage = new Array();

for(i = 1; i <= 3; i++) {

ButtonImage[i]= new Image();

ButtonImage[i].src=”

” + i + ”.gif”;

ButtonImage[i+3]= new Image();

ButtonImage[i+3].src=”

”+ i + ”.gif”;

}

function SetImage1(flag, position) {

document.images[position].src=ButtonImage[flag+position*3].src;

}

================================================================================

まず画像の数ですがButtonImage[1]〜[6]の計6個あります。

次に<A>タグの中で呼び出しているSetImage1関数を見ていくと

flag変数が画像の状態(1...通常時、2...マウスオーバー時、3...クリック時)を

表していることが分かります。この状態でposition変数を無視(ゼロと)して

考えると document.images[1].src = ButtonImage[flag].src; となることは

分かりますよね?つまりボタンの状態により、画像の表示元を変化させています。

position変数については document.images[] の意味を調べて頂くと分かりますが

画面に表示している画像の番号を指定します。(IMGタグの数だけ)

具体的に申し上げると、下記IMGタグが三行記述されている場合は

<HTML><BODY>

<IMG SRC=”A.GIF”>

<IMG SRC=”B.GIF”>

<IMG SRC=”C.GIF”>

</BODY></HTML>

A.GIFの位置のIMGタグの番号が1になり、B.GIFの位置が2となります。

A.GIFのイメージを変化させたい場合は SetImage1(flag, 1) を呼べば良いです。

多分(^-^;)IMGタグを記述した順に1〜と番号が割り当てられる訳です。

……説明するの下手なんですが、分かりましたでしょうか?

あとJavaScriptホントに今調べたばっかりで合ってるか若干怪しいですが。(^-^:)

id:yujihirose

半分くらいわかりました・・・(苦笑)

2004/10/09 23:26:15
id:Spawapawa No.4

Spawapawa回答回数54ベストアンサー獲得回数02004/10/09 23:48:11

ポイント16pt

var ButtonImage = new Array();

for(i = 1; i <= 3; i++) {

ButtonImage[i]= new Image();

ButtonImage[i].src=”

” + i + ”.gif”;

ButtonImage[i+3]= new Image();

ButtonImage[i+3].src=”

”+ i + ”.gif”;

}

function SetImage1(flag, position) {

document.images[position].src=ButtonImage[flag+position*3].src;

}

----------------------------------------------------------

function Set〜以上の文章であらかじめ画像を呼び出します。

(これはhtmlファイルが呼び出されるときに行われます。

これをすることによってロールオーバーをしたときに画像の切り替えが円滑に行われます。)

次に、画像を触り、SetImageが呼ばれたとき引数として2つの値をスクリプトに渡します。

これを関数SetImage1が変数flagと変数positionとして受け取ります。

後はdocument.imagesで画像を書き出すとき、それぞれの変数を使った画像を呼び出します。

変数flagは画像の状態を表しています。

このスクリプトと画像だと、1がマウスを合わせてないとき、2が合わせたとき、3がクリックしたときを表しています。

変数positionは画像の種類を表しています。

このスクリプトと画像だと、掲示板の画像が0、CDレヴューの画像が1を表しています。

ちょっと難しくなったかも知れません。

間違ってたらすいません。

id:syuzabu No.5

syuzabu回答回数155ベストアンサー獲得回数22004/10/09 23:56:19

ポイント16pt

http://www.scollabo.com/banban/java/ref.html

JavaScriptリファレンス/初心者のためのホームページ作り

すみません、今自分の書いた奴見てて間違ってますね。(^-^;)

以下訂正点…

> 考えると document.images[1].src = ButtonImage[flag].src; となることは

考えると document.images[0].src = ButtonImage[flag].src; となることは

> A.GIFの位置のIMGタグの番号が1になり、B.GIFの位置が2となります。

> A.GIFのイメージを変化させたい場合は SetImage1(flag, 1) を呼べば良いです。

> 多分(^-^;)IMGタグを記述した順に1〜と番号が割り当てられる訳です。

A.GIFの位置のIMGタグの番号が0になり、B.GIFの位置が1となります。

A.GIFのイメージを変化させたい場合は SetImage1(flag, 0) を呼べば良いです。

多分(^-^;)IMGタグを記述した順に0〜と番号が割り当てられる訳です。

id:yujihirose

僕には難しい…関数とかの意味がわかりません。

本買おうかな…

2004/10/10 08:19:00

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 fed 259 234 0 2004-10-10 08:37:27
2 minano325 5 4 0 2004-10-10 10:12:18
3 Spawapawa 54 41 0 2004-10-10 17:16:21

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません