jqueryの隠されたプリロード

Question

ここに私のページはhttp://equipe94.com/2009e.html

あるページ（スクロール矢印）に追加いくつかのtweekといくつかのpositionning

あなたは完全にすべてを非表示にする、方法がありますされては、（ちょうど続けます背景）..物事を行い、完成したページを表示する？

Answer 1

CSS displayプロパティをnoneに設定して、ドキュメントが読み込まれたらJSで変更するのはなぜですか。あなたのページのjQueryを使用している場合、それは次のようになります。

CSS：

#mydiv { display: none; } 

はJavaScript：

$(document).ready(function() { 
    $('#mydiv').show(); 
}); 

Answer 2

質問のこのタイプは、以前に頼まれました。あなたが実際に話していることは、「プリロード」ではなく、ページが完全に読み込まれるまでユーザーのページの表示を妨げているだけです。それはページロードをそれ以上速くしません。

ページ全体をコンテナの内側に置き、CSSを使用してそのコンテナの表示モードをnoneに設定するだけです。

var imgTotal = 10; // total number of images on your page 
var imgCount = 0; 

$("img").load(function(){ 
    imgCount++; 
    if (imgCount == imgTotal) 
    $("#container").show(); 
} 

をしかし、私のブラウザ上の第二、Iドン未満でそのページの読み込みを考慮：文書の準備ができているか、最後の画像がロードされた後、単にnone以外にコンテナの表示モードを変更しますこの中には何のこともありません。

Answer 3

カルバンの答えを補完するために、イメージがこの機能に追加してプリロードすることができます。

$.preloadImages = function() 
{ 
    for(var i = 0; i<arguments.length; i++) 
    { 
    $("<img>").attr("src", arguments[i]); 
    } 
} 

は、それからちょうどあなたがロードされるしたい画像を、それを伝える：

$.preloadImages("image1.gif", "/path/to/blah.png", "some/other.jpg"); 

は前にそのコードを入れてください礼儀として、あなたが読み込んでいるもの。

Answer 4

それ問題をシフトしていない、正確に画像が、ページ要素...

私は隠された に身体CSS持っていると私のjqueryの最後の引数は、CSSである：目に見える

仕事偉大な.. 2秒間のローディング、そしてみんなが現れます！

私はそれがnoneにディスプレイの設定する準備ができてDOMを使用することになり感謝

Answer 5

、その後、$（ウィンドウ）でそれを示したが、そうでない場合

を.LOAD彼らはJSが有効になっていない場合、彼らはよ物事を見てはいけない！

私はあなたのサイトがまだJSなしで見ることができることに気付きました、いい仕事です！