jQueryで背景イメージをプリロードしますか？

Question

私はdivsが現在noneを表示するように設定されています。Divは5000px幅、2000px高さの背景画像を持っています。

ボタンをクリックしてdiv表示attirbuteをjqueryに切り替えると、画像が大きすぎてdivがロードされ、画像が1/2秒後にロードされます。イメージが準備ができてから表示されるまでプリローダーを表示できる機能はありますか？

おかげ

Answer 1

は、画像をプリロードするためにネイティブのJavaScriptのImageオブジェクトを使用してみてください。

タイルを作成するなどして、ウェブ上でこのような巨大な画像を使用することを避けることも検討してください。

Answer 2

はこれを試してみてください。

http://ditio.net/2010/02/14/jquery-preload-images-tutorial-and-example/

Answer 3

この質問はちょうどかなり簡単なシナリオに適合させることができるjavascriptのが、バニラを使用してしばらくを掲載して答えました。

Preloading CSS Images

$(document).ready(function() { 

    var c = new Image(); 

    c.onload = function(){ 
     $("#Your Div ID").css("background-image", "url(Path to Background Image)"); 
    } 

    c.src = "Path to Background Image"; 

});