2013-03-30 3 views
1

У меня есть ползунок 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 но witho ut любые результаты

ответ

1

Вы не можете изменить скорость скольжения, потому что скорость скольжения зависит от user mouse action (user mouse movement) и the width of content div и the count of images in it. Это означает, что когда вы двигаете мышью, медленно переходите слайды, скольжение происходит медленно, и когда вы делаете это быстро, слайды идут быстро.
Этот слайд - это не такие слайды, которые повторяются в течение определенного периода времени.

+0

Хорошо, вы поняли мой вопрос. Ползунок не скользит автоматически, однако, когда пользователь перемещает мышь, слайдер быстро перемещает слайды с заданной скоростью. Я хочу изменить эту скорость. –

+0

@G_G Я думаю, вы не поняли. Когда мышь находится на правом краю, она должна отображать последнее изображение, а когда оно находится на левом краю, оно должно показывать первое изображение. Таким образом, скорость зависит от двух параметров; '1. Слайд-контент div width' и '2. Количество изображений.' –

+0

ok Я получил его. Но слайдер занимает некоторое время, чтобы достичь элемента (скажем, последнего), так можно сделать этот переход быстрее или медленнее? –

0

Как указано в документации по HoverCenter, вы можете использовать coefficient или написать свой собственный moveFunction. Кажется, что список для controllerOptions отсутствует в документации.

Чтобы получить coefficient работать, использовать что-то вроде:

$('#flowslider').FlowSlider({ 
    mode: 'horizontal', 
    marginStart: 0, 
    marginEnd: 0, 
    controllers: ['HoverCenter'], 
    controllerOptions: [{ 
     coefficient: 0.1 
    }] 
}); 
Смежные вопросы