jQuery PHP图像滑块

Question

我正在尝试制作一个图像滑块，它几乎已经完成，但是每次尝试都可以。 滑块基本上会浏览前3张图像，然后空白18个空格，然后返回原始的第一张图像并重复。

我不明白为什么会这样，您能在jsfiddle上查看我的代码吗，谢谢。

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

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

https://jsfiddle.net/v2gjzLoc/获取所有代码

这也是一个真实发生的实际例子。

： https : //i.gyazo.com/6e1fca47c02a49be488f32f040f87beb.gif

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

但是你可以看到问题

Answer 1

我认为这是您的问题-当realyl只是tryig创建要回显的变量时，您就有连接器运算符。

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

它应该是（没有连接符的同一行）

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

我在该代码中也看不到“ $ i”的作用-但您在foreach循环中将其递增了-该变量是否应该在某个地方使用？