このホームページは、8枚の画像を1枚1枚切り替えて順次表示し、アニメーションGIFの
様にしています。
アニメーションGIF作成ソフトが無くてもこのスクリプトを使えば動きの有るホームページが出来ます。
<HTML lang="ja">
<HEAD>
<TITLE>アニメーション</TITLE>
<SCRIPT>
let ix = 1;
const wk = new Array("G1.gif","G2.gif","G3.gif","G4.gif","G5.gif","G6.gif","G7.gif","G8.gif");
<!-- あなたの持っている画像に書き換えてください (jpg又はgif)//-->
let img = new Array();
for (i=0;i<wk.length;i++){
img[i] = new Image();
img[i].src = wk[i];
}
function anime_1() {
document.anime.src = img[ix].src;
ix++;
if(ix>wk.length-1) {
ix=0;
}
}
</SCRIPT>
</head>
<BODY bgColor=#eeeedd onLoad="setInterval('anime_1()',500)">
<img src="G1.gif" NAME="anime" alt="anime">
<!-- 数字を変え動きを速くしたり遅くしたり出来ます //-->
</body>
</html>