jQuery平滑地从默认图像转换到另一个图像

Question

我有一个无序的图像列表，第一个li有一个“display：list-item”，其余的有一个“display：none”。

我想要做的是在第二张图像中使用平滑过渡，然后在第三张图像中淡出，而不会出现中断。

以下jsFiddle显示了我当时所拥有的内容，注意第二次和第三次图像淡入淡出之间的淡入淡出。

http://jsfiddle.net/e6hUr/

有人可以帮忙吗？

Answer 1

也许你可以尝试不同的缓和功能，标准的是“摇摆”，你可以尝试“线性”

$('#enter').click(function() {
    $('#slide2').fadeIn(1000, 'linear', function(){
        $('#slide3').fadeIn(1000, 'linear');
    });
});

http://jsfiddle.net/e6hUr/1/ 如果你使用jqueryui，你可以尝试更多的缓动函数

Answer 2

我希望你喜欢这个： http://jsfiddle.net/e6hUr/4/

我尝试实现一些动画重叠。