同时jQuery淡入淡出图像

Question

我正在使用jQuery淡入淡出图像。

这是我使用的代码：

$('.' + currentimage).fadeOut('slow', function() { 
    $('.' + selectedimage).fadeIn('slow'); 
}); 

这是所选择的图像开始淡入前出衰落第一图像100％是否有开始第二图像淡入时以简单的方式第一个图像已经淡出了60-70％？

编辑：所有好的答案。我认为还有一个问题。我的图像不会显示在彼此之上 - 每次只能看到1个图像。

Answer 1

尝试

$('.' + currentimage).fadeOut('slow'); 
$('.' + selectedimage).delay(100).fadeIn('slow'); 

Answer 2

那是因为你是为​​声明那里的功能是一个回调函数被调用后，才​​完成。你应该只需要一个接一个地执行一个项目即可获得所需的效果。这并不像​​上的X％开始那么准确，但您可以调整fadeOut和fadeIn时间以获得所需的效果或在fadeIn上投掷delay()。

$('.' + currentimage).fadeOut('slow'); 
$('.' + selectedimage).fadeIn('slow'); 

Answer 3

slow是600毫秒那么420将是70％

$('.' + currentimage).fadeOut('slow'); 
$('.' + selectedimage).delay(420).fadeIn(600); 

Answer 4

你可以欺骗和（使用fadeTo应用褪色的一部分，打电话给你的其他功能，然后继续。

$('.' + currentimage).fadeTo('slow', .6, function() { 
    $('.' + selectedimage).fadeIn('slow'); 
    $(this).fadeOut('slow'); 
});