jQueryのバックグラウンドでHTMLリソースをプル

Question

ページにはボタンがあります。ボタンをクリックすると、ドロップダウンが表示されます。ドロップダウンにはイメージが含まれています。問題は、ユーザーがボタンをクリックするまでイメージが取得されないことです。

$("#my_button").click(function(){ 
    $("#my_dropdown").html("<img src=\"http://mysite.com/image.jpg\" />"); 
}); 

ページが読み込まれたときにイメージを取得して、ユーザーがドロップダウンをクリックしたときに準備が整うようにしたいと思います。これどうやってするの？私はdisplay:noneを設定してイメージをページに挿入できると思っていたので、キャッシュに入るか、ドキュメントがjQueryで読み込まれたときに読み込む方法がありますか？

これはChrome拡張機能のためのもので、違いがあればご利用いただけます。エクステンションにイメージを置くことができると思いますが、それは速くなりますが、JSを使用してイメージをロードすることができるかどうかはまだ不思議です。

おかげで、 ケビンあなたが各画像をプリロードすることができ

Answer 1

はい。ただ、ページの準備ができて（）の呼び出しで新しいイメージとしてそれを定義します。

$(document).ready(function() { 
    var preload = new Image(); 
    preload.src = "http://mysite.com/image.jpg"; 
}); 

を次に、あなたがそれを使用する場合、それはすでにブラウザのキャッシュになります。変数を使用するか、すでに使用しているのと同じ方法で変数を参照することができます。

Answer 2

...

$(document).ready(function() { 
    (new Image()).src = '/path/to/myImage.jpg'; 
});