jquery - .fadeOut() 和 .fadeIn() 有问题

Question

我的页面发出 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()但即使这样也给了我同样的问题。

Answer 1

尝试

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

或者

$(image).fadeOut(SPECIFY_MILLISECONDS_HERE, function(){
        $(this).attr('src', img).fadeIn(SPECIFY_MILLISECONDS_HERE)
    })