Javascript Jquery问题自动幻灯片放映排序

我有一些问题，我想有一种幻灯片，用户有4个按钮，当他们点击一个div出现，其他的消失。div都在同一个地方，大小相同。我还想把这个自动的

var Idx = 1; 
var IntervalKey = setInterval = (auto, 5000);

var auto = function() {
  $("#MainImage").eq(Idx).fadeIn(1000);
  while(Idx <3)  { 
    Idx++;
    $("#MainImage").eq(Idx).hide();
  }
  Idx++;
  if(Idx>3) {
    Idx = 0;
  }
};

$(".botao-imagem").click(function(){
  Idx = $(".botao-imagem").index(this);
  auto();
}); 

var Idx=1；
var IntervalKey=setInterval=（自动，5000）；
var auto=function（）{
$（“#main image”）.eq（Idx）.fadeIn（1000）；
while（IDX3）{
Idx=0；
}
};
$（“.botao imagem”）。单击（函数（）{
Idx=$（“.botao imagem”）.索引（本）；
自动（）；
}); 

您的主要问题是重复的ID，ID必须是唯一的，因此

$（“#ID”）.eq（）

并不是每个都有真正的目的，因为它应该是1或0个结果。首先，为元素指定一个类：

<div class="MainImage"><p>111111</p></div>
<div class="MainImage"><p>222222</p></div>
<div class="MainImage"><p>333333</p></div>
<div class="MainImage"><p>444444</p></div>​

另外，在使用它之前，还需要声明

auto

，或者直接将其定义为函数，总体如下：

$(".MainImage")

var Idx = 0; 
var IntervalKey = setInterval(auto, 5000);

function auto() {
  $(".MainImage").hide().eq(Idx).fadeIn(1000);
  Idx++;
  if(Idx>3) Idx = 0;
};

$(".botao-imagem").click(function(){
  Idx = $(".botao-imagem").index(this);
  auto();
});

---

.

var IntervalKey=setInterval=（自动，5000）？是的，这显然是一个输入错误，应该是“setInterval（auto，5000）”对不起，它的var Intervalkey=setInterval（auto，5000）；非常感谢，我不知道！现在一切都设置好了，我还修改了代码，这样当页面加载时，第一个div出现，然后自动从div编号2开始，一切都顺利运行！谢谢：D