圖像滑塊與JQuery不工作

我想通過使用JQuery實現一個簡單的圖像滑塊。這是我的代碼：圖像滑塊與JQuery不工作

<p id="Photos"> 
     <img alt="Image-1" src="../../Images/Image1.png" /> 
     <img alt="Image-2" src="../../Images/Image-2.png" /> 
     <img alt="Image-3" src="../../Images/Image-3.png" /> 
    </p> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     SlideImage(1); 
    }); 

    function SlideImage(currentPhoto) { 
     var NumberOfPhotos = $('Photos img').length; 
     currentPhoto = currentPhoto % NumberOfPhotos; 

     $('Photos img').eq(currentPhoto).fadeOut(function() { 
      $('Photos img').each(function (i) { 
       $(this).css('zIndex', ((NumberOfPhotos - i) + currentPhoto) % NumberOfPhotos 
      ); 
      }); 

      $(this).show(); 

      setTimeout(function() { SlideImage(++currentPhoto); }, 3000); 
     }); 
    } 
    </script>

首先滑塊不工作，不斷顯示單個圖像。任何解決此問題的建議都將得到高度讚賞，但更重要的是，我需要了解代碼中使用的變量「i」的含義，從中獲得其值&它的目標是什麼？

在此先感謝。

來源

2012-09-20 Badhon Jain

我是您在調用「each」的對象集合中當前位置的索引。 jQuery APIs在解釋這些細節方面頗爲出色。

在這種情況下，我認爲集合本身也會因爲不是調用

$('Photos img').eq(currentPhoto).fadeOut(function() {

我相信你想使用

$('#Photos img').eq(currentPhoto).fadeOut(function() {

，因爲你試圖通過解決該項目的空ID值

來源

2012-09-20 11:19:24 Carth

圖像滑塊與JQuery不工作

回答

相關問題