hato500+

・<body onload="関数a;"> <img onload="関数a;" onerror="関数b;">
	・onload,onerror,onclick,onmouseover等をイベントハンドラと呼びます。
	　イベントハンドラはいくつか準備されています。タグ内に記述して，簡単に Javascript を利用できます。
		
	・ページ読み込み，画像読み込みが成功した時 → 関数aが実行されます。
	・失敗した時 → 関数bが実行されます。
	
	
	・写真をあるフォルダ（サーバ上でもご自分のパソコンのドライブでもＯＫ）に保存します。
	・保存する場合，ファイル名を 0から始まる通し番号にします。拡張子は jpg にします。
	（jpg でない場合はソース内の jpg 部分を変更して下さい。混在は指定した拡張子が対象となります）
	
	・写真の総枚数は不明でかまいません。
	・この方法の特徴は <img> タグに属性として，onerror （イベントハンドラ）を
	　指定して，画像の読み込み失敗を利用して先頭の画像に戻す事です。
	
	
<html>
<head>
<title>hato500+</title>
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
</head>
<body>
<img id="goukyu" src="http://www7b.biglobe.ne.jp/~te_st/private/kamisibai/6.jpg" style="position:relative;top:80;left:150;" onerror="error7();">

<script type="text/javascript">
<!--
var kazu=50;
/**************************************
変数 kazu に 50 を代入しています。50枚位と想像して多めに代入しておきます。これは，次に作る配列の要素の数で 51枚目は作られませんから，多めが良いでしょう。
***************************************/
var hato=new Array();
for(var i=0;i<kazu;i++){
hato[i]=new Image();
hato[i].src="http://www7b.biglobe.ne.jp/~te_st/private/kamisibai/"+i+".jpg";
}
/**************************************
上の場合，サーバー上のフォルダ kamisibai に画像が保存してあります。
ご自分のパソコンの場合，例えば cドライブの photo フォルダに保存している場合，
src="c:\photo/"+t+".jpg";  となります。

***************************************/
var i=0;
function hy7(){if(i>-1){
document.getElementById("goukyu").src=hato[i].src;i++;i %= kazu;}
}

setInterval("hy7()",3000)

function error7(){i=0;
document.getElementById("goukyu").src=hato[i].src;i++;i %= kazu;
}
/**************************************
実際の画像枚数が 15枚の場合（画像要素は 50枚分）16枚目を読み込む時，読み込み失敗となります。
失敗した時 <img> タグの属性 onerror の error7関数が実行されます。
i=0 となり要素は先頭に戻ります。

実際の画像枚数が 100枚の場合（画像要素は 50枚分）51枚目に i %= kazu により i=0 となり要素は先頭に戻ります。
***************************************/
// -->
</script>
</body>
</html>

デモ