Javascript Jquery PHP图像滑块

我试图制作一个图像滑块，它几乎完成了，但每次我都尝试它。滑块基本上通过前3个图像，然后空白18个空格，然后返回到原始的第一个图像并重复

我不明白为什么会发生这种情况，您可以在JSFIDLE上查看我的代码吗？谢谢

 $(document).ready(function(){
   $('#slider > img#1').fadeIn(300);

   startSlider();
  $("#slider > img").hover(
  function() {
  stopLoop();
  },
    function() {
  startSlider();
    }
   );
   });

对于所有代码

这里还有一个活生生的例子，说明正在发生的事情

:

请忽略图像选择，我只是在测试一些东西

---

但是您可以看到问题

我认为这一行是您的问题-当您使用realyl尝试创建要echo的变量时，这里有一个concatenator操作符

   $imageDisplay .= '<img id="'.$id.'" src="'.$images.'" border="0"/> ';

$imageDisplay.=''；

它应该是（没有concatentor的同一行）

$imageDisplay=''；

---

另外，我在代码中看不到“$I”的角色-但在foreach循环中它是递增的-该变量应该在某个地方使用吗？

我认为这一行是您的问题-当您尝试创建要回显的变量时，您在那里有一个连接运算符

   $imageDisplay .= '<img id="'.$id.'" src="'.$images.'" border="0"/> ';

$imageDisplay.=''；

它应该是（没有concatentor的同一行）

$imageDisplay=''；

---

另外，我在代码中看不到“$I”的角色，但在foreach循环中它是递增的，这个变量应该在某个地方使用吗？

你能共享这个div的最终渲染输出代码吗：

你能共享这个div的最终渲染输出代码吗：

对不起，我没有被使用，我把它处理掉了，忘了早点谢谢你的尝试，但是我不知道为什么当数据库中只有3个时，它还在空白图像中闪烁它变为1，2，3，然后3变为空白，4变为1对不起，i没有被使用，我把它去掉了，忘了提前谢谢你的尝试，我不知道为什么它在数据库中只有3个的情况下仍然在空白图像中闪烁。-它变为1,2,3，然后3为空，4为1