イメージがAjaxコールにプリロードされていることを確認してください

Question

jQuery Ajaxコールは、コールバックの前にターゲットページのイメージをプリロード/ロードしないことに気付きました。基本的には、htmlを読み込んでコールバックを作成し、コールバックの後にイメージ/イメージをロードし始めます。

私の質問は、ターゲットページの画像も追加/追加前に読み込まれるようにする方法があるかどうかです。

コード例：

$.ajax({ 
    url: ''+nextHref+'', 
    success: function(data) { 

    var $response = $(data); 
    var oneval = $response.find('#ContainerWrapper').html(); 

    // Then some kind of function that preloads the target images before it appends the ajax result. So basically the part below is where I don't know what o do. 
    $response.find('#ContainerWrapper img').examplepreloadfunction(function(){ 

     $("#ContainerWrapper").append(oneval); 

    }); 

    } 
}); 

どれ回答、手がかり、アイデアや実験？

Answer 1

画像プリロードする：

$('<img/>')[0].src = '/path/to/image'; 

か：

(new Image()).src = '/path/to/image'; 

あなたはDOMへのAJAX呼び出しから受信したHTMLを注入する前に、各画像のためにこれを試みることができるし。