Jquery Image 오른쪽에서 왼쪽으로 슬라이드

Question

세 개의 인라인 이미지가 있으며 오른쪽에서 왼쪽으로로드됩니다.

그래서 사용자가 처음 페이지를 보게되면 약 두 번째 지연과 함께 오른쪽에서 왼쪽으로 차례로 각 이미지 슬라이드가 표시됩니다.

내가 애니메이션 또는 CSS 위치를 사용할 것이라고 추측합니까?

http://jsfiddle.net/RSk7n/8/을 사용하면 효과를 얻을 수 있습니다.

모든 제안을 환영합니다!

Answer 1

확인이 http://jsfiddle.net/blackpla9ue/RSk7n/14/

function animateImgs(){ 
    $('ul li:not(.visible)') 
     .first() 
     .animate({'margin-left': '0px'}, 
       1000, function(){ 
        $(this).addClass('visible'); 
        animateImgs();  
       }); 
} 

animateImgs(); 

에 부모 ul 및 margin-left: 9999px;에 overflow: hidden;를 추가해야합니다 귀하의 li의 당신은 정말 당신의 애니메이션을 코딩하는 우리 기대