Question

我有一个flowlider滑块，这里是项目的页面http://www.flowslider.com/ 这是一个非常容易使用的滑块，但我不知道如何降低滑动速度，网站上没有工作示例

这是我的滑块初始化代码：

<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，但没有任何结果

Answer 1

您无法更改滑动速度，因为滑动速度取决于user mouse action ( user mouse movement)和the width of content div以及the count of images in it。这意味着当你慢慢地移动鼠标滑过滑动时，滑动会很慢，当你这样做时，快速滑动就会很快。这张幻灯片不是那种在一段时间内重复滑动的幻灯片。

Answer 2

正如HoverCenter文档中所述，您可以使用coefficient或编写自己的moveFunction。似乎文档中缺少controllerOptions的列表。

要让coefficient正常工作，请使用以下内容：

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

如何减慢Flowslider滑块？

2 个答案: