画像を表示する前に、あらかじめajaxリクエストから画像を読み込みますか？

Question

イメージを含むhtmlコンテンツを読み込むためにjQueryを使用していますが、問題は、イメージを読み込むためにイメージが点滅しないようにすることです。スムーズな更新を保証します。

現在のコード：

$.ajax({ 
url: 'hello.php', 
method: 'GET', 
data:'id='+id, 
success: function(data) { 
$('#section').html(data);    
} 
}); 

任意のソリューション？私はこのためのjQuery onImagesLoad pluginを使用

おかげ

Answer 1

。私はそれをしようとしたとき

var imagesLoading = 0; 

$.ajax({ 
    url: 'hello.php', 
    method: 'GET', 
    data: 'id=' + id, 
    success: function(data) { 
     imagesLoading = 0; 

     $(data).filter('img').each(function() { 
      imagesLoading++; 

      var image = new Image(); 

      image.onload = function() { 
       imagesLoading--; 
       if(imagesLoading == 0) { 
        $('#section').html(data); 
       } 
      }; 

      image.src = $(this).attr('src'); 
     }); 
    } 
}); 

作品罰金：

Answer 2

あなたはこの（未テスト）ような何かを試みることができます。