jquery - いくつかの条件が発生したときにnivoスライダー効果を停止します

Question

最後の画像にピントが合っているときにnivoスライダーをスライドさせたくない例

$('#slider').nivoSlider({
    manualAdvance: true,
    beforeChange: function(){
        if(condition){
           //do not go to afterChange function
        }
    },
    afterChange: function(){

    }, 
});

スライダーのスライドを止めることはできますか？

Answer 1

NivoSlidesには、ドキュメントに記載されているように、スライダーを開始/停止する2つの機能があります。

$（'＃slider'）。data（'nivoslider'）。stop（）; //スライダーを停止します$（'＃slider'）。data（'nivoslider'）。start（）; //スライダーを起動します

だからあなたはこれを試すことができます：

$('#slider').nivoSlider({
        manualAdvance: true,
        beforeChange: function(){
            if(condition){
               $('#slider').data('nivoslider').stop();
            }
        },
        afterChange: function(){

        }, 
    });