タイルを1つずつフェードアウトしてからフェードインします

Question

私は大きめの150px x 150pxのタイルがあり、サイズは50px x 50pxのタイルが9つ小さいです。私は小さなタイルを1枚ずつフェードアウトして、下の大きなタイルを見せてから、約3秒後にそれぞれの小さなタイルを1つずつフェードインしたいと思っています。このプロセスは、約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); 
    } 
}