2011-03-30 71 views
0

請看下面我的代碼。它不工作,我不知道爲什麼!?這是一個帶有一排小圖像的滑塊/旋轉器,我想以3秒的間隔向左移動。動畫沒有任何反應?

<script type="text/javascript"> 

    $(document).ready(function(){ 

     var imageWidth = 50; 
     var imageSum = $(".minislider-content img").size(); 
     var imageSliderContent = imageWidth * imageSum; 
     var number = 1; 

     var play = setInterval(function() { 
     var imageSliderPosition = number * imageWidth; 

     $("minislider-content").animate({ 
      left: -imageSliderPosition 
     }, 250); 
     number ++; 
     }, 3000); 
    }); 

</script> 

動畫現在正在運行,右邊的最後一張圖片剛剛顯示出來,而不是來自右側。每個圖像爲50px,動畫區域爲320px寬,圖像總量爲35.當我刪除溢出:隱藏然後有幾行圖像,而不是所有圖像的長行?什麼colud錯了?

+0

對不起,我忘了。在「迷你滑板內容」之前,但仍然沒有我想要的完美流程。 – 2011-03-30 10:24:35

回答

1

$( 「minislider內容」)
你錯過了一個ID或類選擇$( '#minislider內容')或$( 'minislider內容')