次のようなメイン コンテナ div があります。
<div id="ourCustomers" style="height:300px;float:right;width:480px;">
<div id="topOurCust" style="height:150px;width:480px;">
<div id="topLeftCust" style="height:150px;width:240px;float:left;">
<img id="tl1" src="/images/1.png" />
<img id="tl2" src="/images/2.png" />
</div>
<div id="topRightCust" style="height:150px;width:240px;float:right;">
<img class="one" src="/images/3.png" />
<img class="two" src="/images/4.png" />
</div>
</div>
<div id="btmOurCust" style="height:150px;width:480px;">
<div id="btmLeftCust" style="height:150px;width:240px;float:left;">
<img class="one" src="/images/5.png" />
<img class="two" src="/images/6.png" />
</div>
<div id="btmRightCust" style="height:150px;width:240px;float:right;">
<img class="one" src="/images/7.png" />
<img class="two" src="/images/8.png" />
</div>
</div>
</div>
私がやりたいことは、各正方形に1つの画像を表示し、そのdivの他の画像で左上の画像を反転し、4秒ほど待ってから、そのdivの他の画像で右上の画像を反転することです(そして他の div と同じ)。
jquery のトグル メソッドと遅延を使用してみました (申し訳ありませんが、他のシステムではそのコードが手に入りません)。さらに、すべての画像のロジックを作成する必要がありますが、これを簡単に行う方法があると確信しています。
Javascript タイマー メソッドを使用する必要がありますか? 以前のように jQuery トグルを使用できますか?