flexslider - 두 개의 슬라이더 함께 - 방향 슬라이딩 슬라이더를 한 번만 슬라이딩. 어떻게 해결할 수 있을까요?

Question

두 개의 슬라이더를 함께 사용하고 있습니다. 이미지 용 - .flexslider 텍스트 용 .flexslider2

두 슬라이더 모두 단방향 Nav를 사용하고 있습니다. 나는 다음 또는 이전 버튼을 클릭하면 FIDDLE DEMO OS HERE

 $(window).load(function() { 
    $("#slide_row").show(); 
    var count = 0 ; 

    $("#loaing_animation").hide(); 

$("#next").on("click" , function (e) { 
    var $slider = flex1.data('flexslider'); 

    $slider.flexAnimate($slider.getTarget("next"), true); 
    var $slider = flex2.data('flexslider'); 
    $slider.flexAnimate($slider.getTarget("next"), true); 

}); 

$("#prev").on("click" , function (e) { 
    var $slider = flex1.data('flexslider'); 

    $slider.flexAnimate($slider.getTarget("prev"), true); 
    var $slider = flex2.data('flexslider'); 
    $slider.flexAnimate($slider.getTarget("prev"), true); 

}); 

    var flex1 = $('.flexslider').flexslider(
    { 
     animation: "slide", 
     animationSpeed: 4000, 
     easing: "swing", 
     slideshowSpeed: 10000, 
     touch:false, 
     before: function(){ 
      if(count == 1){ 
       $('#static_path').attr('id','moving_path'); 
       $('.empty_wings').attr('class','wings'); 
       $('.empty_body').attr('class','birdbody'); 
      } 
      count++;            
     }, 
     after: function(){ 
     },controlNav: false, 
     directionNav: false, 
     slideshow:true 


    }   
); 
var flex2= $('.flexslider2').flexslider(
    { 
     animation: "slide", 
     animationSpeed: 2500, 
     easing: "swing", 
     slideshowSpeed: 10000, 
     touch:false, 
     before: function(){ 
     }, 
     after: function(){ 
     }, 
     controlNav: false, 
     directionNav: false, 
     slideshow:true 
    }   
);   
}); 

FIDDLE DEMO IS HERE

1 세 개의 슬라이드가 잘 작동하고 있습니다. 네 번째 또는 그 다음에 next/prev 버튼을 클릭하면 이미지가 텍스트가 아닌 슬리이다.

나는 그것이 슬라이더 애니메이션 속도 때문이라고 생각합니다. .flexslider 애니메이션 속도 = 4000 .flexslider2 애니메이션 속도 나는이 문제를 해결할 수없는 방법 = 2500

어느. 어떻게 해결할 수 있습니까?

어떤 도움을 주시면 감사하겠습니다.

은 **이 질문은 this question

Answer 1

가장 빠른 애니메이션이 다른 사람보다 먼저 준비가 될 것입니다 관련이있다, 그래서 당신이 시간에 next를 클릭하는 경우에만 가장 빠른 슬라이드가 변경됩니다.

코드에 isAnimating 플래그를 추가하고 기능을 before 및 after으로 변경하여이 플래그를 설정했습니다.

는 그들이 같은이야 있도록 애니메이션 속도를 변경 시도 해 봤나 your code updated