3

#main divが表示される前に、これがすべての画像などがロードされていることを確認するための良い方法であるかどうか疑問に思っていますか？

#main divでは、97枚の画像を読み込む必要がありますが、速度が十分でない場合は、画像を表示する前に正方形が表示されます。

$(document).ready(function(){
    $('#main').hide();
    $(window).load(function(){
        $('#main').show();
    });
});

誰かが私にいくつかの良いアドバイスを与えることができますか？

4

3 に答える 3

1

それは大丈夫でしょう。ただし、jQueryを使用して最初に<div id="main">要素を非表示にするのではなく、代わりにCSSプロパティを使用できます。

#main {
    display: none;
}
于 2012-09-11T14:44:24.450 に答える
1

スプラッシュページの背後にあるすべての画像をプリロードし、すべての画像がロードされたらスプラッシュページを非表示にすることができます。私は現在73枚の画像（18mb）に対してこれを行っています

以下のリンクで答えを確認してください。

https://stackoverflow.com/a/13982980/1406211-デモが含まれています

于 2013-01-02T07:46:55.040 に答える
0

遅延読み込みを調べて、ビューポート（スクロールせずに表示されている部分）のみを読み込んでから、（if / when）ユーザーが他の画像表示をスクロールすることができます。また、帯域幅の消費を削減します。

それ以外の場合は、標準のHTMLに従い、画像のプリロードに幅/高さを指定すると、画像が読み込まれるまで「UIの一時停止」にそれほど力を入れません。レイアウトはそのままにしておく必要があります。ロードの期間中、97枚の画像（ある種のサムネイルを想定）は、今日の基準ではそれほど長くはかからないはずです。

フォローアップ：これは、私が話していることを実行するjQueryの遅延読み込みプラグインです。（基本的にFacebookがニュースフィードで行うこと）

于 2012-09-11T14:44:49.520 に答える