nouislider - noUisSlider 的播放/暂停按钮

Question

是否有任何简单的 noUiSlider 的工作示例，包括播放/暂停按钮，或者我如何实现这一点的策略？

我有一个简单的 noUiSlider 连接到一堆图像。滑块的编号连接到图像堆栈的索引以使图像可见。

var currentIndex = 0;    
function animation(value, handleElement, slider){
    //alert(value);
    imgArray[currentIndex].setVisible(false);
    currentIndex = Math.floor(value * 45 / 100);        
    imgArray[currentIndex].setVisible(true);
}

// pane Image Layer slider
function setText( value, handleElement, slider ){
    $("#someElement").text( value );
}

$('#html5').noUiSlider({
    start: 45,
    step: 1,
    range: {
        'min': 0,
        'max': 45,                
    },
    format: wNumb({
        decimals: 0
    })
});

$("#html5").Link('lower').to(animation);        
$("#html5").Link('lower').to(setText);

如果我前后滑动滑块，图像会发生变化，但现在我想添加一个播放/暂停按钮。