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)
    })

遇到.fadeOut（）和.fadeIn（）的问题

1 个答案: