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