画像をアニメーションさせる
画像を先に読み込みさせてから
(参照)
タイマーを使用して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]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送