/ JavaScriptの/ JavaScriptプリローダー - javascript、jquery、mootools、yui、プリローダー

より多くのJavaScriptのJavaScript preloader - javascript、jquery、mootools、yui、preloader

画像用のJavaScriptプリローダーの作成方法に関するチュートリアルをいくつか見たことがあります。他のJavaScript用のJavaScriptプリローダーを使用することは可能ですか

私のウェブサイトはのためにmootoolsを(そして他の人たちも)使っていますアニメーションや大量の写真など - したがって、ロードにはしばらく時間がかかります。すべてのJavascriptライブラリのロード、すべての画像のロードなどが行われるまで、Webサイトでページの中央に「ロード」を設定することができます。フロントページの画像。

純粋なフラッシュデザインでは、関連するライブラリ、他のコード、画像、ダウンロードして表示する前にフラッシュムービーを単にロードすると言うことができます。これはJavaScriptで行うことができますか?

回答:

回答№1は4

window.onload()ですべてのコードを実行してください。

基本的な考えを与えるためのこれはばかげて単純な例です: http://jsfiddle.net/kennis/jHJ3T/1/

あなたのプリローダーとして恐ろしい赤いdivを考えてください。 ドキュメントがすべてのリソース(images、jsファイルなど)をロードすると、プリローダーが消えてコンテンツが表示され、JavaScriptライブラリが完全にロードされて実行可能になります。

jsfiddleの例を複数回実行したい場合は、ブラウザがキャッシュされたバージョンをプルしないように、imageタグの最後にある "random"の値を変更してください。