JS−読込中アニメーション画像作成

「ページ読込中…」

の表示を、ちょっとかっちょいいヤツにしたいな〜

てことでググってみたら、ステキサイトを発見しましたv

AjaxLoad

　　1.画像（アニメーション画像）の種類を選ぶ

　　2.背景色を指定　*試してないけど、透過GIFもいけそう

　　3.画像の色を指定

　　4.[Generate it!]を押すべし。

　　5.下のブロックに作成した画像が表示されるので、ダウンロード

で、これを実装してみます。

javascriptを使う方法

画像を表示させるレイヤもjavascriptで書いてみます

<script type="text/javascript"> window.onload=function(){ LayHide(); } //Ajaxloadで作成した画像：page-loader.gif document.write('<div id="loading"><img src="page-loader.gif"></div>'); function LayHide(){ document.getElementById('loading').style.display= 'none'; } </script>