2013-06-26 1 views
8
  1. slider.pause()slider.play() 이벤트를 단추에 바인딩하려고합니다 (아래 코드 참조).
  2. 재생 버튼을 두 번 클릭하지 않고을 누르거나 슬라이더가 인 동안 재생 버튼 을 클릭하지 않는 한 이 작동합니다.
  3. 그런 다음 두 배 속도로 실행하지 않고 일시 정지 버튼이 더 이상 슬라이더를

질문을 정지로 다른 예 (또는 무언가)를 실행하는 것 같다 슬라이더 여부를 테스트 할 수있는 방법이 있나요 slider.play()을 호출하기 전에 실행 중이거나 잘못된 위치에서 pause() 및/또는 play() 호출이 있습니까?Howto : 클릭 이벤트 (jQuery)를 기반으로 플렉스 슬라이더 일시 중지 및 재생

알려 주시기 바랍니다.

$(document).ready(function(){ 
    $('.flexslider').flexslider({ 
     animation: "fade", 
     slideshowSpeed: 2000, 
     pauseOnHover: false, 
     touch: true, 
     controlsContainer: ".fs-container", 
     controlNav: true, 
     manualControls: ".flex-control-nav li", 
     start: function(slider) { 
      $('.icon-pause').click(function(){ 
       slider.pause(); 
      }); 

      $('.icon-play').click(function(){ 
       slider.play();      
      }); 
     } 
    }); 
}); 

답변

2

7 개월 된 질문, 그러나 참으로 flexslider 화재에 start 재산 때마다 애니메이션이 시작됩니다.

위 코드는 click 이벤트를 다시 바인딩하는 코드입니다. 단지가 아닌 flexslider 초기화 내부 어디서나 또는 -

 $('.icon-pause').click(function(){ 
      $('#your_slider_id').pause(); 
     }); 

그리고 당신은 당신의 페이지 초기화 기능이 처 넣었 어 :

대신 당신이 뭔가를 할 수 있습니다.

는 (물론 .play()도 방법입니다.)

16

시도 :

$('.flex-slider').flexslider('pause');$('.flex-slider').flexslider('play');.

+2

허용되는 솔루션이어야합니다. – roNn23

+0

이것은 나를 위해 일한다. – exoslav