jQuery가 기본 이미지에서 다른 이미지로 부드럽게 전환

Question

"li : display : list-item"을 갖는 첫 번째 li과 나머지는 "display : none"이있는 순서없는 목록의 이미지가 있습니다.

내가하고 싶은 일은 두 번째 이미지가 사라지고 세 번째 이미지가 사라지는 느낌이 들도록 부드럽게 전환하는 것입니다.

다음 jsFiddle은 분당 내가 갖고있는 것을 보여줍니다. 두 번째와 세 번째 이미지 페이드 사이의 페이드가 끊어짐을 알 수 있습니다.

http://jsfiddle.net/e6hUr/

사람이 도움을 주시겠습니까?

Answer 1

어쩌면 당신은 다른 완화 기능을 실험 할 수는 표준 하나는 당신이 시도 할 수 더 여유 함수가 당신이 jqueryui를 사용하는 경우, 당신은

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

http://jsfiddle.net/e6hUr/1/ 을 "선"을 시도 할 수 있었다 "스윙"이다

Answer 2

나는 이것처럼 당신을 희망 : http://jsfiddle.net/e6hUr/4/

좀 애니메이션 중복을 구현하려고 할 것입니다.