0

私のサイトのフロント ページには、背景として非常に大きな画像があります。もちろん、可能な限り小さくしましたが、接続が遅いと読み込みに時間がかかります。

そのため、ユーザーがしばらくサイトに留まる場合、その背景画像を別のものに変更したいと考えています。似たようなものを利用できるプラグインをいくつか見てきましたが、それらはすべて最初に画像をロードするようです。私の目的にはどれが遅いでしょうか

そのため、通常どおりページをロードしたいと思います。次に、舞台裏で少し遅れて別の画像を読み込み、読み込まれたら元の画像を置き換えます。これは可能ですか？

4

1 に答える 1

0

次のようにボディにイメージタグを設定してください：<img id="bgqueue" />

あなたのCSSはそれを隠します：

#bgqueue {
    display : none;
}

jQuery は次のようになります。

setTimeout(function() {
    $('#bgqueue').attr('src', 'http://someOtherjpg').on('load', function() {
        $('body').css({background: 'url(' + $(this).attr('src') + ')'});
    });
}, 30000);

そのため、この例では 30 秒後に画像が舞台裏でその画像タグに読み込まれ、読み込まれるとコールバックが起動し、本文の背景画像がキャッシュ ファイルに設定されます。

デモ: http://jsfiddle.net/seancannon/TpPkk/

于 2013-08-29T16:55:04.087 に答える