[Back]

Slide Show
〜画像のスライド表示〜


■ プレビュー


■ ソース

<script language="JavaScript">
var img = 1;
fileName = new Array("../img/board1_c.gif","../img/board2_c.gif","
                      ../img/board3_c.gif","../img/boat_c.gif");
function img_chg(){
    document.IMG_A.src = fileName[img];
    img++;
    if(img>3)img = 0;
}
</script>

■ 使い方

  1. 上のプログラムを、文章を表示したいhtmlファイルの間にコピーして下さい。
  2. failName = new Array("_____")の間に表示したい画像を入れます。画像のあるパスの指定を間違わないように。画像の数はいくつでも可能です。
  3. 画像を表示したい部分に、次のように記述して下さい。

    <img src="../img/board1_c.gif" width="171" height="171" name="IMG_A">
    <input type="button" value="NEXT" onclick="img_chg()">