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循環中將其遞增了-該變量是否應該在某個地方使用？