<body> <!-- St-HP-H --> <!-- En-HP-H --> 画像をアニメーションさせる






 画像を先に読み込みさせてから(参照)タイマーを使用して2秒おきに画像を取り替えています。
 上の例のようにアニメGIFやJPEGなどもアニメーションさせることが可能です。

今回は

<img src="../../../image/pink.gif" name="face">

というように name="face" とやってるので

 document.face.src="../../../image/"+fn+".gif";

とできましたが、

 document.images[0].src="../../../image/"+fn+".gif";

とやることもできます。
images[0]の[ ]の中の数字は、ページ上の画像から順番に番号を付けていったものになります。(0から)
画像の数が増えて場合はこちらの方が良いでしょう。

もしページを開いた瞬間にアニメーションさせたいならbodyタグの中に onLoad="ani()" とやっておけば良いです。


SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送