2012-05-01 18 views
0

2つのセクション、イントロ、メインページのページがあります。ページがロードされるとページの読み込み時間を改善する

、イントロが表示され、内容が隠されている、スキップイントロCSSクラスをスワイプしているのクリック時に、すなわち、ページのコンテンツが表示され、イントロが隠されています。

次回イントロがユーザに表示されないように、また変数はクッキーに格納されます。

これはすべて、これまで正常に動作している、唯一の問題は、私がページをロードする際のJavaScriptが実行されるまでには、数秒間空白のままということです。

解決方法がありますか?問題の

ページ:http://new.brandonplanning.com/home

スクリプトiが作成されました:http://jsfiddle.net/alokjain_lucky/rEBfF/7/

+0

何にしたいものは何でも負荷。 – nico

+0

はい、私はテキストを追加することを考えました "ローディング..."それは良い選択肢ですが、私はこれのために可能な他の方法があるのだろうか? –

答えて

1

削除するには、デフォルトではイントロ部分でSpinnerを埋めることができ、Javascriptをロードして実行され、基本的spinner(.GIFこと画像)とJSが(ちなみに、ロードが私のために瞬間である)準備ができているとき、あなたが非表示になります「読み込んでいます。しばらくお待ちください...」テキストを追加することについてあなたはイントロ部分

+0

ロード用gifは、次のようなツールで生成できます。http://ajaxload.info/ – nico