2012-01-10 12 views
0

は、私はそれを作りたいので、私は、次のコマンドを実行すると:HTML JQuery - イメージを高速に読み込みますか?

$("input.button").hover(function(){ 
    $(this).css('background-image', 'url(blah)'); 
}); 

背景が空白の時間がありますが。 http://facebook.comに気付くと、ボタンをクリックするとすぐに背景画像が読み込まれます。とにかくこの行動を模擬することはありますか?

答えて

3

あなたは、ページの読み込みに画像を事前にロードする必要があります:

$(window).load(function(){ 
    (new Image()).src = 'path/to/img'; 
}); 
+0

どのように私は、ユーザーの邪魔にならずにこれをしますか? –

+0

タグをロードし、 'display:none; 'も同様に設定しますか? –

+0

ユーザーは、使用するまで表示されません。上記のコードは、単にブラウザのキャッシュにイメージをロードするので、必要なときにダウンロードする必要はありません。 –

関連する問題