Jquery 如何使用两列中的图像进行自动幻灯片放映？

我尝试在两列中播放图像幻灯片，但我希望第一列中的类似图像在2秒后会更改，第二列中的此图像在4秒后会更改。我尝试了一种解决方案（见下面的代码），但不起作用，因为第一列中的图像没有变化，但第二列中的图像在变化

var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“主图像左”）；
对于（i=0；ix.length）{myIndex=1}
x[myIndex-1].style.display=“block”；
setTimeout（carousel，2000）；//每2秒更改一次图像
}
var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“主图像右侧”）；
对于（i=0；ix.length）{myIndex=1}
x[myIndex-1].style.display=“block”；
setTimeout（carousel，4000）；//每4秒更改一次图像
}

。主图像左侧{
显示：无；
左侧填充：20px；
宽度：546px；
高度：749px；
}
.家庭形象权{
右侧填充：13px；
显示：无；
宽度：546px；
高度：749px；
}
此处

---

在这里，我没有使用任何Jquery，请查看附带的演示

1.
2.
3.



1.
2.
3.

在这里，我没有使用任何Jquery，请查看附带的演示

1.
2.
3.



1.
2.
3.

您需要更新javascript代码，以使其适用于下面的幻灯片放映

var myIndex=1；
旋转木马1（）；
功能转盘1（）{
var i；
var x=document.getElementsByClassName（“主图像左”）；
对于（i=0；ix.length）{
window.myIndex=1；
}