PreLoadとImageオブジェクト

解決済

質問者：cat_tomato
質問日時：2001/11/07 10:50
回答数：3件

お世話になります。
自分なりにやってみたのですが、エラーが解決できないため、知恵を貸してください。

やりたいことは、「あるリンク画像を押すと、画像が切り替わり（オン）、押されなかった画像はデフォルト画像に戻る（オフ）」ということです。

ソース

OnBar = new Array();
OnBar[0] = "On_1.gif";
OnBar[1] = "On_2.gif";

OffBar = new Array();
OffBar[0] = "Off_1.gif";
OffBar[1] = "Off_2.gif";

imgOn = new Array();
imgOff = new Array();

for ( i=0; i<2; i++ ){
var imgOn[i] = new Image();
var imgOff[i] = new Image();
}

//画像の割り当て
function fncPreLoad(){
for ( i=0; i<2; i++ )
imgOn[i].src = OnBar[i];
imgOff[i].src = OffBar[i];
}

//画像変更
function fncChangeBar(Cnt){
for ( i=0; i<23; i++ )
if ( i = Cnt ){
document.images[Cnt].src = imgOn[i];
} else {
document.images[Cnt].src = imgOff[i];
}
}

<body onLoad="fncPreLoad()">

<img src="Off_2.gif" onclick="fncChangeBar(0)" name="images0">

これで実行するとまず、fncPreLoadで「;」がありませんでエラーが出て、onClickイベントで「オブジェクトがありません」でエラーが出てしまいます。

どなたか添削してやってください。
お願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.1

回答者： kajix
回答日時：2001/11/07 11:49

パッと見たらforの始まりと終りの括弧{ }が無いような気がしますよ。

- 0
- 件

通報する

この回答へのお礼

さっそくの回答、ありがとうございます。

forのかっこは入れてもエラーが出たので、「入れないのかな？」と勝手に思って入れてません。

通報する

お礼日時：2001/11/07 12:53

No.2

回答者： xruz
回答日時：2001/11/07 13:34

こんにちはcat_tomatoさん、xruzです。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
やっぱりかっこは入りました。
どうやらvarがいらなかったってところまでは気づきました。

今度はonClickイベントでループしてしまうようです。
はぁ、問題山積みですが、がんばってみます。

本当にありがとうございました。

通報する

お礼日時：2001/11/07 13:46

No.3ベストアンサー

回答者： leaz024
回答日時：2001/11/07 13:45

> forのかっこは入れてもエラーが出たので、「入れないのかな？」と勝手に思って入れてません。

これは入れないとダメです。
function fncPreLoad() {
　　for ( i=0; i<2; i++ ) {
　　　　imgOn[i].src = OnBar[i];
　　　　imgOff[i].src = OffBar[i];
　　}
}

function fncChangeBar(Cnt) {
　　for ( i=0; i<23; i++ ) {
　　　　if ( i = Cnt ){
　　　　　　document.images[Cnt].src = imgOn[i];
　　　　} else {
　　　　　　document.images[Cnt].src = imgOff[i];
　　　　}
　　}
}

それともう1つ。
　　for ( i=0; i<2; i++ ){
　　var imgOn[i] = new Image();
　　var imgOff[i] = new Image();
　　}
のvarも違反ですので、取ってください。
付けるなら、
　　OnBar = new Array();
　　OffBar = new Array();
　　imgOn = new Array();
　　imgOff = new Array();
の行に付けます。

それから、これは文法違反ではありませんが、
　　if ( i = Cnt ){
では、iにCntを代入してしまいます。
等しいか調べるには、
　　if ( i == Cnt ){
とします。

多分こんな感じではないでしょうか。