如何減慢Flowslider滑塊？

我有一個flowslider滑塊，此項目的網頁http://www.flowslider.com/ 這是一個非常容易使用的滑桿，但是我不知道如何降低滑行速度，有一個在現場如何減慢Flowslider滑塊？

這是我的滑蓋沒有工作示例初始化代碼：

<script> 
    jQuery(document).ready(function($) { 

     // Select your slider element and call Flow Slider plugin. 
     var $slider = $("#slider"); 
     $slider.FlowSlider({ 

      controllerOptions: [{ 
       mouseStart:100, 
       mouseEnd:100, 
      }], 

      marginStart:20, 
      marginEnd:20, 
      mode:"horizontal"  
     });  
    }); 
</script>

實際滑塊只是

<div id="slider"> 
a bunch of PHP generated divs here, each one is a slider element 
</div>

我已嘗試設置speed和coefficient無覆蓋，但ut任何結果

來源

2013-03-30 Gianluca Ghettini

您無法更改滑動速度，這是因爲滑動速度取決於user mouse action (user mouse movement)和the width of content div和the count of images in it。這意味着，當你慢慢移動你的鼠標穿過幻燈片時，滑動發生緩慢，當你這樣做時，快速幻燈片快速移動。
這張幻燈片不是那種在一段時間內重複滑動的幻燈片。

來源

2013-03-30 08:54:17

好吧，你誤會我的問題。滑塊不會自動滑動，但是當用戶移動鼠標時，滑塊會以給定的速度及時移動滑塊元素。我想改變那個速度。 –

@G_G我認爲你沒有明白這一點。當鼠標在右邊緣上時，它應該顯示最後一張圖像，當它在左邊緣上時，它應該顯示第一張圖像。所以速度取決於兩個參數; '1。幻燈片內容div寬度和'2.圖像的數量.' –

好吧我知道了。但滑塊需要一些時間才能到達一個元素（比方說最後一個元素），那麼可以讓這個過渡更快或更慢？ –

如在HoverCenter的文檔中所述，您可以使用coefficient或編寫屬於自己的moveFunction。看起來文檔中缺少controllerOptions的列表。

要獲得coefficient工作，使用類似：

$('#flowslider').FlowSlider({ 
    mode: 'horizontal', 
    marginStart: 0, 
    marginEnd: 0, 
    controllers: ['HoverCenter'], 
    controllerOptions: [{ 
     coefficient: 0.1 
    }] 
});

來源

2013-09-07 15:22:13 gw0

如何減慢Flowslider滑塊？

回答

相關問題