Javascript/php傳送帶不能正常工作

我正在爲網頁編寫幻燈片/傳送帶。我剛開始讓PHP遍歷一個圖像文件夾，以便我可以使用幻燈片顯示未定義數量的圖像。不幸的是，自從對PHP for循環進行更改以來，我的JavaScript應該在到達最後一張照片時啓動幻燈片播放，但無法正常工作。我有一種感覺，我使用PHP會搞亂我的DOM結構，但我不知道如何確定這是否是問題，以及如果是，如何解決這個問題。這裏的PHP：Javascript/php傳送帶不能正常工作

<div class="slider"> 
     <?php 
      $output = ''; 
      $dir = dirname(__FILE__).'/img'; 
      $images = scandir($dir); 
      if($images) 
      { 
       foreach($images as $image) 
       { 
        if(in_array($image,array('.','..'))) continue; 
        ?> 
        <div class="slide slide-feature"> 
         <div class="container"> 
          <div class="row"> 
           <div class="col-xs-12"> 
            <a href="#"><img src="img/<?php echo $image ?>" ></a> 
           </div> 
          </div> 
         </div> 
        </div> 
     <?php 
       } 
      } 
     ?>

，這裏是應該讓我通過照片移動JS：

var carousel = function() { 
    /*$('.tabs').children().children().click(function() { 
     $(this).siblings().removeClass('.active'); 
     $(this).addClass('.active'); 
    });*/ 
    $('.arrow-next').click(function() { 
     var currentSlide = $('.active-slide'); 
     var nextSlide = currentSlide.next(); 
     if(nextSlide.length == 0) 
     { 
      nextSlide = $('.slide').first(); 
     } 
     currentSlide.fadeOut(750).removeClass('active-slide'); 
     nextSlide.fadeIn(750).addClass('active-slide'); 
    }); 
    $('.arrow-prev').click(function() { 
     var currentSlide = $('.active-slide'); 
     var prevSlide = currentSlide.prev(); 
     if(prevSlide.length == 0) 
     { 
      prevSlide = $('.slide').last(); 
     } 
     currentSlide.fadeOut(750).removeClass('active-slide'); 
     prevSlide.fadeIn(750).addClass('active-slide'); 
    }); 
}; 

window.onload = carousel();

任何幫助表示讚賞。謝謝， Zachary Mason

來源

2015-12-10 user3213722

可能想把這個問題轉移到StackOverflow。另外，可能還想顯示PHP輸出的HTML。 – kjy112

事實證明，我只是缺少一個，結果是無意中將我的箭頭添加到它試圖顯示的圖像列表中...無論如何感謝！

來源

2015-12-10 20:54:11 user3213722

Javascript/php傳送帶不能正常工作

回答

相關問題