0
bookblock.jsで再生および一時停止機能を作成する方法。BookBlock.jsで再生および一時停止する
以下は、再生/一時停止ボタンのクリックで呼び出されるjs関数です。 この機能を使用してスライドショーを一時停止(および再利用)することはできません。これは何が間違っている。
bookblock.jsで再生および一時停止機能を作成する方法。BookBlock.jsで再生および一時停止する
以下は、再生/一時停止ボタンのクリックで呼び出されるjs関数です。 この機能を使用してスライドショーを一時停止(および再利用)することはできません。これは何が間違っている。
私は最終的に、スライドショーの再生と一時停止の機能をスクリプトをカスタマイズすることで追加しました。
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;
});
});