2014年3月26日水曜日

JavaScript (一定の時間で画像を入れ替えるホームページ制作)

写真を次々と表示するのは、パワーポイントでしょうか。
いろいろ試していましたが、こんなのを見つけました。
----------------------------------------------------
<html>
<head>
<title>画像を入れ替えていくページ</title>
<script language="JavaScript"><!--
count = 0;
function changeImg()
{
count++;
count %= 23;
document.btn.src ="img00"+ count + ".jpg";
}
// --></script>
</head>
<body onLoad="setInterval('changeImg()',5000)">
<img src="img001.jpg" name="btn">
</body>
</html>
----------------------------------------------------
出典はこちら。
http://www.openspc2.org/reibun/javascript/image/003/index.html

○Javascriptを使うという設定
<script language="JavaScript"><!--
○countという数字を代入できる文字を決めて0にしたということ
count = 0;
○関数を作ったということ
function changeImg()
{
○countを1つずつ増やすということ
count++;
○countは23までということ
count %= 23;
○この文字に注意。この名前のファイルのcountの部分の数を変えるということ。
ファイルは、img00 と countの数と .jpg を合わせたファイルであるということ。
つまり最初はimg001.jpg、次はimg002.jpgという名前のファイルであるこということ。
document.btn.src ="img00"+ count + ".jpg";
}

○何秒で画像を変えるかという時間設定
<body onLoad="setInterval('changeImg()',5000)">

なかなかおもしろい。

0 件のコメント:

コメントを投稿