슬라이드 쇼를 중지하는 방법

Question

우리 프로젝트 중 하나에 jbgallery 슬라이드 쇼 (http://maxb.net/scripts/jbgallery/)를 사용하고 있습니다.

사용자가 이전 & 다음 버튼을 클릭 할 때 슬라이드 쇼를 중지하는 방법을 알려주십시오. 우리는 자동 슬라이드 쇼를 가지고 있지만 사용자가 두 버튼 중 하나를 클릭하면 자동 슬라이딩이 멈춰야합니다.

Answer 1

개발자가 자신의 버튼에 대한 실제 콜백을 코딩 한 것처럼 보이지 않습니다. Firebug for Firefox (또는 다른 DOM 속성 관리자)을 사용하면 요소의 클래스 이름을 가져올 수 있으므로 원하는 정보를 얻을 수 있습니다.

var obj = $("#jbgallery-api").jbgallery({ 
    menu: "slider", 
    slideshow: "true" 
}, true); // true parameter = return jbgallery object (for use to stop later) 

// .jbgs-h-prev = prev button class, .jbgs-h-next = next button class 
$('.jbgs-h-prev, .jbgs-h-next').click(function() { // onClick event handler 
    obj.stop(); // Stop the slideshow 

    // Using obj.stop() doesn't reset the state of the play/pause button 
    // so we need to hide the pause button and show the play button. 
    $('.jbgs-h-pause').hide(); 
    $('.jbgs-h-play').show(); 
}); 

바이올린 데모 : http://jsfiddle.net/5sXDS/