jquery - jquery隠しプリロード

Question

ここに私のページがありますhttp://equipe94.com/2009e.html

ページに追加する微調整 (スクローラーと矢印) と位置付けがあります。

すべてを完全に非表示にする方法はありますか (背景のみを保持します)。物事を行い、完成したページを表示しますか?

Answer 1

cssdisplayプロパティを に設定noneし、ドキュメントがロードされたときに JS で変更しないのはなぜですか? ページでjQueryを使用している場合、次のようになります。

CSS:

#mydiv { display: none; }

JavaScript:

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

Answer 2

Calvin の回答を補足するために、この関数を追加することで画像をプリロードできます。

$.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 3

正確には画像ではなく、問題をシフトするページ要素...

体を非表示にする CSS があり、jquery の最後の引数は css:visible です

2秒ロードして、みんな登場！

ありがとう

Answer 4

表示を none に設定できる DOM を使用して、$(window).load に表示します。

そうでなければ、JS が有効になっていないと、何も表示されません!

あなたのサイトは JS がなくても表示できることに気付きました。よくできました!

Answer 5

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

ページ全体をコンテナ内に配置し、CSS を使用してそのコンテナの表示モードを に設定するだけnoneです。none次に、コンテナーの表示モードを、ドキュメントの準備が整った後または最後の画像が読み込まれた後以外に変更します。

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

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

しかし、あなたのページが私のブラウザで 1 秒もかからずに読み込まれることを考えると、これには何の意味もありません。