2013-07-21 152 views
0

我有一個帶有左右箭頭的動畫div,我只是想在圖像完成後停止滑塊,我遇到的問題是滑塊繼續左右空白,這是我的代碼完成滑動後停止滑塊

函數(){

var size = $("div.slide-here li").size(); 

    var div_size = size/4 * 163; 
    $('.photo-gallery div.slide-here').css('width', div_size); 
    $('.photo-pagging .left-arrow a').click(
     function() { 
      $('.photo-gallery div.slide-here').animate({ left: '+=196px' }); 


      return false; 
     }); 
    $('.photo-pagging .right-arrow a').click(
     function() { 
      $('.photo-gallery div.slide-here').animate({ left: '-=196px' }); 

      return false; 

     }); 
+0

你是什麼意思「停止滑塊後圖像完成」?需要完成哪些圖像? – jbkkd

+0

是啊它的動態滑塊,所以我不知道圖像的數量,我只是想停止它,或者至少在達到結尾時循環它 – user1905716

回答

0

只是把在用於終端點的邊界條件由圖像寬度乘以*圖像的數量 - 1 * - 1向左移動和0向右移動。這顯然會對第一個元素進行檢查。

它很難與給定的信息更具體。

編輯:*代替x乘法運算符

+0

是啊我試過了,但動畫繼續點擊按鈕後繼續移動 – user1905716

+0

@ user1905716告訴我們你是如何嘗試的 –

0

歡迎使用Stackoverflow!你的問題還不夠清楚,我建議你read this關於未來更好的問題。

關於你的問題,here是關於建立一個jQuery滑塊插件與圖像的推薦閱讀。

祝你好運!