2016-10-25 16 views
0

bookblock.jsで再生および一時停止機能を作成する方法。BookBlock.jsで再生および一時停止する

以下は、再生/一時停止ボタンのクリックで呼び出されるjs関数です。 この機能を使用してスライドショーを一時停止(および再利用)することはできません。これは何が間違っている。

答えて

0

私は最終的に、スライドショーの再生と一時停止の機能をスクリプトをカスタマイズすることで追加しました。

jquery.bookblock.js私のビュースクリプトで

_pauseSlideshow: function() {   
    if (this.options.autoplay) { 
     clearTimeout(this.slideshow);   
        } 
}, 

//// public method: pause the slide show 
pause: function() {   
    this._pauseSlideshow(); 
}, 

//// public method: play again the paused slide show 
playAgain: function() {    
    this.options.autoplay = true; 
    this._navigate('next', this.$currentItem); 
    this._startSlideshow(); 
}, 

var config = { 
    $bookBlock: $('#bb-bookblock'), 
    $navNext: $('#nextPage'), 
    $navPrev: $('#prevPage'), 
    $navFirst: $('#bb-nav-first'), 
    $navLast: $('#bb-nav-last'), 
    $pause: $('#pause'), 
    $playAgain: $('#playAgain'), 
}, 

initEvents = function() { 
    config.$pause.on('click touchstart', function() { 
     config.$bookBlock.bookblock('pause'); 
     return false; 
    }); 

    config.$playAgain.on('click touchstart', function() { 
     config.$bookBlock.bookblock('playAgain'); 
     return false; 
    }); 
}); 
関連する問題