는 Flexslider 및 mousewhell 내가 여기에 마우스 휠과 flexslider를 사용하려면 속도

Question

은 내가 작동하고 예를

 $('#slider').flexslider({ 
      animation: "slide", 
      mousewheel: true, 
      direction: "vertical", 
      slideshow: false 
     }); 

http://jsfiddle.net/VC4L3/

하지만 너무 빠릅니다. 나는 2,3 개의 슬라이더를 움직이면서 아래로 스크롤 할 때 터치 패드를 시도하는 방식으로 마술 마우스를 사용하고 있습니다. 각 슬라이드를 1 슬라이드 아래로 이동해야합니다. 어떻게해야합니까?

Answer 1

내가 이것에 대한 간단한 솔루션을 찾을 수 없습니다 그래서 내가 애니메이션이 시작되면 스크롤을 사용하지 않으려면 flexslider의 소스 코드를 변경, 여기에 내가 무슨 짓을했는지 있습니다 :

1. 이렇게 변경하면 마우스 휠이 변경됩니다.

   slider.bind('mousewheel', function (event, delta, deltaX, deltaY) { 
   if (!slider.startedMouseWheel) { 
       slider.startedMouseWheel = true; 
       event.preventDefault(); 
       var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev'); 
       slider.flexAnimate(target, slider.vars.pauseOnAction); 
   } 
   

   }); 기능 후 바르의

2. 찾기 전화

이 코드를 삽입 그것을하기 전에 :

slider.startedMouseWheel = false; 

가 새로운 이벤트를 트리거 비활성화됩니다

slider.startedMouseWheel = false; 
slider.vars.after(slider); //This is call of the vars after function 

이 방법을 가지고 애니메이션이 끝날 때까지 마우스 스크롤.

Answer 2

flexslider에 animationSpeed을 추가하십시오.

데모 : http://jsfiddle.net/lotusgodkk/VC4L3/1/

$('#slider').flexslider({ 
      animation: "slide", 
      mousewheel: true, 
      direction: "vertical", 
      slideshow: false,    
      animationSpeed: 4000, 
     });