Javascript 显示多个图像，在其中旋转jquery

我有一个主容器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>

我想做的是在每个方块中显示一个图像，然后翻转左上角图像和该分区中的另一个图像，等待4秒钟，然后翻转右上角图像和该分区中的另一个图像（和其他分区相同）

---

我尝试过使用jquery切换方法和延迟（很抱歉，在其他系统上，我手头没有这段代码），但发生的情况是，我显示了两个图像，看到它们都隐藏了，然后看到它们都显示出来。另外，我必须为每个图像编写逻辑，我相信有一种方法可以更轻松地完成这项工作

---

我需要使用Javascript定时器方法吗？我可以像以前一样使用jQuery切换吗？

我建议使用jQuery循环插件：

然后您可以实例化cycle插件，如下所示：

$('#topLeftCust').cycle({ 
    delay: 0, 
    timeout: 16000 
});

$('#topRightCust').cycle({ 
    delay: 4000, 
    timeout: 16000 
});

$('#btmLeftCust').cycle({ 
    delay: 8000, 
    timeout: 16000 
});

$('#btmRightCust').cycle({ 
    delay: 12000, 
    timeout: 16000 
});

---

“另外，我必须为每个图像编写逻辑，我相信有一种方法可以更轻松地完成此操作”

。each（）

您的切换代码不太可能工作，因为两个图像在开始时都是可见的。用cssposposting在每个div中隐藏一个没有代码的问题有点毫无意义。。。给人的印象是，你只是想有人为你写所有的代码。如果这能让你感觉更好，我实际上不用唯一的答案就解决了我的问题。但是谢谢你让我知道我给你留下的印象。这也行得通-我对默认显示的图像有问题。谢谢