bx 슬라이더 시작/중지 기능

Question

bxslider 플러그인을 사용 중이며 이전 및 다음 기능에 대한 일부 외부 컨트롤을 만들었지 만 시작/중지 컨트롤과 동일한 작업을 수행하는 방법을 파악할 수는 없습니다.

기본적으로 슬라이더의 재생/일시 정지 기능으로 사용하고 싶습니다.

누구나이 플러그인에 대한 경험이 있습니까?

는 여기에 내가 시작/정지 기능을 작동하지 않고, 지금까지이 작업은 다음과 같습니다

http://jsfiddle.net/WaWLN/1/

을 또한, 나는이 외부 컨트롤을 가지고뿐만 아니라, 슬라이더를 "자동"재생을 할 수 있습니다. 방금 내 링크를 클릭하면 자동 재생을 사용하지 않는 것으로 나타났습니다. 페이지를 새로 고쳐야 다시 사용할 수 있습니다.

Answer 1

가 계속에 대한 답변을 필요로하는 경우 나도 몰라,하지만 당신이 당신의 코드를 업데이트하는 경우, 그것은 작동합니다 :

stopShow()와 startShow은()하지 않는 것을 추가 가치

var slider = $('#bxslider').bxSlider({ 

    auto: true, 

    controls: false 

}); 

$('#go-prev').click(function(){ 

    slider.goToPreviousSlide(); 

    slider.startShow(); //added this line 

    return false; 
}); 

    $('#go-next').click(function(){ 

    slider.goToNextSlide(); 

    slider.startShow(); //added this line 

    return false; 

    }); 

    $('#my-start-stop').click(function(){ 

     /* added a class to your #my-start-start a tag called "stopShow", note: would recommend that you also change the text to say "Stop" when the show is active and "Start" when the show is not. :) */ 

     if($('#my-start-stop').attr('class') == 'stopShow'){ 

      slider.stopShow(); 

      $('#my-start-stop').removeClass('stopShow'); 

     } else { 

      slider.startShow(); 

      $('#my-start-stop').addClass('stopShow'); 


     } 


    return false; 
    });