4

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

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

ページが読み込まれたときに画像を取得して、ユーザーがドロップダウンをクリックしたときにすぐに使用できるようにしたいのですが。これどうやってするの？setを使用して画像をページに挿入できると思っていたdisplay:noneので、画像はキャッシュに入れられますか、それともドキュメントがjQueryに読み込まれるときに読み込む方法はありますか？

違いがあれば、これはChrome拡張機能用です。私は画像を拡張機能に入れることができると思います（そしてそれはより速いでしょう）が、JSを使用して画像をロードすることが可能かどうかはまだ興味があります。

ありがとう、ケビン

4

2 に答える 2

7

はい。ページのready（）呼び出しで新しい画像として定義するだけです。

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

その後、それを使用すると、それはすでにブラウザのキャッシュにあります。変数を使用することも、既存の方法と同じように参照することもできます。

于 2011-06-24T21:17:46.437 に答える
6

各画像をプリロードできます...

$(document).ready(function() {
    (new Image()).src  =  '/path/to/myImage.jpg';
});
于 2011-06-24T21:17:28.323 に答える