Javascript 如何降低Flowslider的速度?
我有一个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
<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如果系数
选项不起作用,我建议您使用上面底部的自定义速度函数
示例。这个例子很好用。