等待div中的图像加载之前fadeIn（）与ajax附加内容和jquery

Question

我正在一个网站，使用jQuery的$ .ajax加载图像到一个div的网站。当用户滚动到页面的底部时，另一页图像被加载到div中。目前，我的新内容渐渐消失，但在图像完全加载之前它已经消失。我检查了一个解决方案，但找不到任何适合我的工作。为了澄清，每一组图像都是一个div，填满了各个图像的div。

这里是负载功能，我使用：

function loadContent(pageName, pageView, max_feed){ 
     loader="<div id=loader><img src=SPACER" height=\"100\" \>" 
      + "<br/><img src=\"LOADER" />" 
      + "<br/><img src=\"SPACER" height=\"100\" \></div>"; 
     $(loader).appendTo('#photo_container').fadeIn('fast'); 
     $.ajax({ 
      url:pageName, 
      data:{view:pageView, max_feed_id:max_feed}, 
      success:function(result){ 
       $('#loader').remove();     
       $(result) 
        .appendTo('#photo_container') 
        .hide() 
        .fadeIn('slow'); 
       $(window).data('loading', false); 
      } 
     }); 
    }; 

有没有什么简单的方法，我可以等待新的内容加载淡入（）被调用之前？即是否有类似的东西

$(window).load(...) 

我只能用div的内容？我想设定某种像isLoadingMore然后设置，以虚假的AJAX加载内容的开头，然后加入在

$(window).load(...) 

功能的AJAX页面全局变量的，将有一个函数在它将变量设置为true，然后在调用loadContent函数中的fadeIn函数之前添加一个while循环或等待该标志设置为true的内容。不知道这将是一个好主意，但是，甚至工作

Answer 1

在您的图片，你可以有做以下

$('img').load(function(e){ 
$(this).fadeIn(); 
}); 

Answer 2

听起来像是不错的候选人，我的插件：waitForImages。