home > JavaScriptでローディング画面

JavaScriptでローディング画面

September 27, 2007

今、創ってる案件で、最終の画像差し替えの段階になってローディングを入れるためにフレームを移動したり、シーンを追加したりすると、バグが出まくって、どーしようーもなくなってしまって途方にくれてました。そんなにデータは重くないので別にいいかなっなんて思ったりしました。Flash上にFlashレイヤーを付けて、本体が読み込んだらレイヤーの方を消す。みたいなこともやってみたりしてみたんですが、WinのIEでバグが出る。それ一番最悪やん。。。。そういえば、Flashの上にレイヤーを付けるのは、結構面倒臭かったのを思い出して、断念。それで、たまたまJavaScriptでローディング画面が作れるサンプルを発見。とりあえずはそれでいこうと思う。それ以外に方法ってあるの?

<html>
<head>
<title>ローディング画面サンプル</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function loading() {
document.getElementById('load_page').style.visibility = 'hidden';
}
//-->
</script>
</head>
<body onLoad="loading()">

<!--ここからローディング画面-->
<div id="load_page" style="position: absolute; background-color: #CCFFFF; height: 100%;

width: 100%; text-align:center;">

<table width=100%><tr><td>loading contents,please wait s moument.</td></tr></table>
</div>
<!--ここまで-->

<!--sample-->

</body>
</thm>

【参考】
http://homepage2.nifty.com/yoshi-m/makehp/dhtml/sorce/other/2.htm



ブックマークする hatena del.ico.us


Comments

Post a Comment






Remember personal info