第11回目課題：ＤＯＭとタイマーを利用して写真スライドショーを作ってみる。

ここにコメントを表示する

#com{visibility: hidden;width:500px;height:70px;font-size:0.7em;}

var num = 1;
var timer;
var comment;

//画像を入れ替える
function init(){
	comment = new Array(4);
	comment[0] = "こめんと１";
	comment[1] = "こめんと２";
	comment[2] = "こめんと３";
	comment[3] = "こめんと４";
	
	document.myalbum.src = "image/" + num + ".JPG";
	document.getElementById('com').style.visibility = 'visible';
	com.innerHTML = comment[num-1];//コメントを入れる
	num++;
	if (num == 5) {num = 1;}
	
//4000ミリ秒＝4秒ごとにsetTimeoutメソッドで更新
	timer = setTimeout("init()", 4000);
}

function tomeru(){//とめる
	clearTimeout(timer);
}

function cls(){//リセット
	clearTimeout(timer);
	document.myalbum.src = "image/0.JPG";//1枚目の画像を表示させる
	com.innerHTML = "";//空白を入れる
}

♣

公開中のチェックリスト：金曜4限目クラス
チェックリスト公開時間：01月08日 15時05分～01月08日 15時25分

学籍番号をクリックすると各自の作品が，オープンします。は，ほんの少々ボーナスポイントをプラスします。