<！DOCTYPE HTML>
<HTMLのlang = "EN"のxmlns = "http://www.w3.org/1999/xhtml">
<HEAD>
<メタのcharset = "UTF-8" />
<タイトル>轮播原理图</タイトル>
</ HEAD>
<BODY>
の<div>
<！ -デフォルトと2つのボタンを追加表示される- >
<ボタンのonclick = "PREV（）"> 1 </ button>の
<IMG ID = "スライダー" SRC = "画像/ 1.JPG" />
<ボタンのonclick = "次の（） "> 次</ボタン>
</ div>
<！ - JSコード- >
<スクリプト>
<！ -回転に写真の配列の定義- >
VAR画像= [
"画像/ 1.JPG"、
"画像/ 2.JPG"、
"画像/ 3.JPG"
];
< -開始番号0の定義！>
のvar NUM = 0;
<次のボタンクリックイベント！ - >
次関数（）{
VARスライダー=のdocument.getElementById（ "スライダ"）;
NUM ++;
！IF（NUM> = images.length）{< -アレイNUMの長さは、戻りこと（ここで0以上注表示された場合、配列の長さであります1が計算され、そして配列からなる0カウント） - >
NUM = 0;
}
slider.src =画像[NUM]; <！ - SRC属性変更- >
}
<！ - ボタンのクリックイベントに - >
PREV関数（）{
VARスライダー=のdocument.getElementById（ "スライダ"）;
num--;
IF（NUM <0）{< - 0未満である場合にNUM、配列戻り、次いで長さ-1（なお、ここで！配列の長さであります計算、アレイからなる0カウント > - ）
; NUM = images.length-1
}
slider.src =画像[NUM]; <！ - SRC属性変更- >
}
</ SCRIPT>
</ボディ>
</ HTML>