画像
|
一定間隔で画像を変える
一定間隔で画像を変更。 |
|
サンプル表示 |
|
|
|
|
|
|
|
|
|
|
|
|
|
サンプルソース |
|
|
|
|
|
|
|
|
<HTML>
<HEAD>
<TITLE>JavaScript サンプル</TITLE>
<SCRIPT type="text/JavaScript">
<!--
var img = "pic1.gif,pic2.gif,pic3.gif,pic4.gif,pic5.gif,pic6.gif,pic7.gif,pic8.gif,pic9.gif";
var imgs = img.split(",");
var i=0;
var pic = new Array();
for(cnt=0; cnt<imgs.length; cnt++){
pic[cnt] = new Image();
pic[cnt].src = imgs[cnt];
}
function imgChange(){
i++; i%=imgs.length;
document.getElementById("img1").src=pic[i].src;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE border=1 width=200 height=150><TR><TD><CENTER>
<IMG border="0" id="img1">
<SCRIPT type="text/JavaScript">
<!--
document.getElementById("img1").src=pic[0].src;
setInterval("imgChange()",3000);
//-->
</SCRIPT>
</CENTER></TD></TR></TABLE>
</BODY>
</HTML> |
|
|
|
|
|
使用方法 |
|
|
|
|
|
|
|
|
赤：<HEAD>から</HEAD>の間に貼り付けて下さい。
紫：画像を表示したい場所に貼り付けて下さい。
青：表示させたい画像のファイル名を『，』区切りで記述してください。
緑：数値を変更する事で、以下の設定が変更可能です。
・setTimeout：画像の描画速度・・・単位はミリ秒 |
|
|
|
