G2_スライドショウ 更新日:2011年7月4日
画像を順に表示するスライドショウ
初期画像の配置(alt title等の属性は略)
<img id="img1" src="shokigazou-file-url" width="400" height="266" />
「shokigazou-file-url」は、最初に表示する画像ファイルのURL
開始 停止ボタンの配置
JavaScript関数
imgs=new Array(4);
for (var i=0;i<4;i++){
imgs[i]=new Image();
imgs[i].src="shokigazo-file-url"+(i+1)+"b.jpg";
}
var n=0;
function change(){
document.getElementById("img1").src=imgs[n].src;
n++;
if(n==4){n=0}
}
function start(){
tm1=setInterval("change()",4000);
}
function stop(){
clearInterval(tm1);
}
for (var i=0;i<4;i++){
imgs[i]=new Image();
imgs[i].src="shokigazo-file-url"+(i+1)+"b.jpg";
}
var n=0;
function change(){
document.getElementById("img1").src=imgs[n].src;
n++;
if(n==4){n=0}
}
function start(){
tm1=setInterval("change()",4000);
}
function stop(){
clearInterval(tm1);
}