javascriptでループをやめたい

質問

javascript初心者です。
下記の様にソースが書いてあります。
画像が表示され、順番に表示されるのはいいのですが、
最後の画像になった時に、最初の画像に戻り、永遠と画像がループし、
表示されてしまいます。最後の画像になった時に、表示を止め、
最後の画像のまま表示を止めたいのですが、わかりません。
ご教示お願いいたします。

<SCRIPT language="JavaScript">
<!--
FITime=1;
FOTime=8;
n=10;
flg=1;
num=0;
cnt=7;
Fna="./img";
Fexp="jpg";

// 以下スクリプト本体
function fade(img){
if(flg==1){
document.images[img].src=Fna+num%cnt+"."+Fexp;
if(n<=0) flg=0;
document.images[img].filters['alpha'].opacity=n;
if(n>=99)speed=0.05;else speed=5;
n-=speed;
setTimeout("fade('"+img+"')",FOTime);
}

else{
document.images[img].src=Fna+(num+1)%cnt+"."+Fexp;
document.images[img].filters['alpha'].opacity=n;
if(n>=98)speed=0.05;else speed=2;
n+=speed;
if(n>=100) {flg=1;++num;if(num%cnt==0){num=0;}}
setTimeout("fade('"+img+"')",FITime);
}
}
//-->
</SCRIPT>
</head>

<img src="img0.jpg" name="img" style="filter:alpha(opacity=100)">

回答No.1

fujillin · ベストアンサー

私の環境だと何箇所かいじらないと動作しないようですが、とりあえず、それはそのままでよいものとして…

＞if(n>=100) {flg=1;++num;if(num%cnt==0){num=0;}}
の部分の、num=0にすることで表示する対象の番号を0に戻していますので
cnt（=７）番目（=img6.jpg)を表示したところで止めたいのであれば、

　if(n>=100) {flg=1;++num;if(2>cnt-num) return;}
のように置き換えればループしなくなると思います。

補足

再度のご質問で申し訳ございません。
上記のように記入したところ、思っていた通り、動きました。
ありがとうございます。
そして、おっしゃるとおり、ファイヤーフォックスなどでは動きません。
全ての環境に適応するようには、どのように書き直せばよろしいでしょうか。
ご教示お願いいたします。

回答No.2

fujillin

#1です。

まずは、お使いになっている　filter:alpha～はIEの独自拡張なので他のブラウザは解釈しません。
一般的には style.opacity でしょうか。面倒ですが、ブラウザによって使い分ける必要があります。
あと、たまたま私の環境では、images[img] もダメでした。（詳しく調べてはいませんが…）

そのあたりを書き直せば、おおむねのブラウザに対応できるかと…