타일을 하나씩 페이드 아웃 한 다음 페이드 인합니다.

Question

큰 50px x 150px 타일에 9 개의 50px x 50px 타일이 있습니다. 아래에 큰 타일을 표시하기 위해 작은 타일을 하나씩 페이드 아웃 한 다음 약 3 초 후에 각 타일을 하나씩 희미 해지고 싶습니다. 이 프로세스는 약 5 초 동안 반복해야합니다.

http://jsfiddle.net/psivadasan/k34xX/1/

어떤 도움을 주셔서 감사합니다 : 여기 거친 프로토 타입을 가지고있다.

Answer 1

는 DEMO 여기

var $divs, curPointer = 0; curOpacity = 0; 
function rotateDivs() { 

    $divs.eq(curPointer++).animate({opacity: curOpacity}, 1000); 

    if (curPointer == $divs.length) { 
     curPointer = 0; 
     curOpacity = (curOpacity == 0)? 1: 0; 
     setTimeout(rotateDivs, 5000); 
    } else { 
     setTimeout(rotateDivs, 3000); 
    } 
}