0

次のようなメイン コンテナ 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 トグルを使用できますか?

4

1 に答える 1