Jquery 在.fadeOut()和.fadeIn()方面存在问题

Jquery 在.fadeOut()和.fadeIn()方面存在问题,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,我的页面发出AJAX请求,并从服务器获取一组图像链接 现在,我尝试将页面上的图像与从数据库检索到的图像进行更改,如下所示: function fillContent(phparray, i ){ if(i == 20){ clearTimeout(timer); return; } var img = phparray[i].filepath; $(image).fadeOut("fast", function(){

我的页面发出AJAX请求,并从服务器获取一组图像链接

现在,我尝试将页面上的图像与从数据库检索到的图像进行更改,如下所示:

function fillContent(phparray, i ){
    if(i == 20){
        clearTimeout(timer);
        return; 
    }

    var img = phparray[i].filepath;
    $(image).fadeOut("fast", function(){
        $(this).attr('src', img).fadeIn("fast")
    })
    var timer = window.setTimeout(function(){ fillContent(phparray, ++i)},400);
}
现在,发生的是图像淡出和淡入,然后大部分图像再次淡出和淡入。几乎像眨眼一样。我尝试使用,
.hide()
,但即使这样,我也会遇到同样的问题。

试试看

$(image).hide("slow", function(){ $(this).attr('src', img).show("slow");


张贴一个提琴示例会有所帮助
$(image).fadeOut(SPECIFY_MILLISECONDS_HERE, function(){
        $(this).attr('src', img).fadeIn(SPECIFY_MILLISECONDS_HERE)
    })