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/

我想嘗試實施一些動畫重疊。