如何停止幻灯片

Question

我为我们的项目之一使用jbgallery幻灯片（http://maxb.net/scripts/jbgallery/）。

您可以让我知道如何停止幻灯片时，用户点击prev &下一个按钮。我们有一个自动幻灯片，但是当用户点击任一按钮时，自动滑动应该停止。

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/