Javascript 如何降低Flowslider的速度?

Javascript 如何降低Flowslider的速度?,javascript,jquery,html,slider,Javascript,Jquery,Html,Slider,我有一个flowslider,这里是项目的页面 这是一个非常容易使用的滑块,但我不知道如何降低滑动速度,在该网站上没有工作的例子 这是我的滑块初始化代码: <script> jQuery(document).ready(function($) { // Select your slider element and call Flow Slider plugin. var $slider = $("#slider"); $sli

我有一个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>

jQuery(文档).ready(函数($){
//选择您的slider元素并调用Flow slider插件。
变量$slider=$(“#slider”);
$slider.flowsslider({
控制器选项:[{
穆斯塔特:100,
鼠标:100,
}],
玛格丽特:20,
玛吉宁:20岁,
模式:“水平”
});    
});
实际的滑块只是一个

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

这里有一堆PHP生成的div,每个div都是一个slider元素

我尝试设置
速度
系数
,但没有任何结果

您无法更改滑动速度,因为滑动速度取决于
用户鼠标动作(用户鼠标移动)
内容div的宽度
其中图像的计数
。这意味着当你将鼠标缓慢地移动到幻灯片上时,滑动速度会变慢,而当你快速移动时,滑动速度会变快。
这张幻灯片不是那种在一段时间内重复滑动的幻灯片

您不能更改滑动速度,因为滑动速度取决于
用户鼠标动作(用户鼠标移动)
内容div的宽度
其中图像的计数
。这意味着当你将鼠标缓慢地移动到幻灯片上时,滑动速度会变慢,而当你快速移动时,滑动速度会变快。
这张幻灯片不是那种在一段时间内重复滑动的幻灯片

HoverCenter
文档中所述,您可以使用
系数
或编写自己的
移动函数
。文档中似乎缺少
控制器选项的列表

要使
系数
起作用,请使用以下方法:

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

HoverCenter
文档中所述,您可以使用
系数
或编写自己的
移动函数
。文档中似乎缺少
控制器选项的列表

要使
系数
起作用,请使用以下方法:

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

好吧,你误解了我的问题。滑块不会自动滑动,但是当用户移动鼠标时,滑块会以给定的速度迅速移动滑块元素。我想改变速度。@G\G我想你没抓住重点。当鼠标位于右边缘时,它应该显示最后一个图像,当鼠标位于左边缘时,它应该显示第一个图像。因此,速度取决于两个参数<代码>1。幻灯片内容div宽度
2.图像计数。
好,我知道了。但是滑块到达一个元素(比如说最后一个元素)需要一些时间,所以可以使这种转换更快还是更慢?是的,可以改变到达元素的速度。请参见
系数
移动函数
。将系数设置为
0.0001
,看看会发生什么。@G\u如果
系数
选项不起作用,我建议您使用上面底部的
自定义速度函数
示例。这个例子很好。好吧,你误解了我的问题。滑块不会自动滑动,但是当用户移动鼠标时,滑块会以给定的速度迅速移动滑块元素。我想改变速度。@G\G我想你没抓住重点。当鼠标位于右边缘时,它应该显示最后一个图像,当鼠标位于左边缘时,它应该显示第一个图像。因此,速度取决于两个参数<代码>1。幻灯片内容div宽度
2.图像计数。
好,我知道了。但是滑块到达一个元素(比如说最后一个元素)需要一些时间,所以可以使这种转换更快还是更慢?是的,可以改变到达元素的速度。请参见
系数
移动函数
。将系数设置为
0.0001
,看看会发生什么。@G\u如果
系数
选项不起作用,我建议您使用上面底部的
自定义速度函数
示例。这个例子很好用。