Beta3 バージョン (http://spaceforaname.com/galleryview) で、GalleryView という jQuery プラグインを使用しています。Beta4 バージョンには、アニメーションの再生/一時停止のコントロールが組み込まれる予定です。私の質問は：
GalleryView コードを変更せずに、スクリプトの外部から「再生」および「一時停止」コントロールをエミュレートする方法。そのためのプラグインはありますか？それとも、文書化されていないアクションですか？
初期化中に、自動再生機能をオンにするかオフにするかを決定できます。
利用可能なアクション/プラグインがない場合、どのように解決しましたか? 適用した GalleryView の変更を共有できますか?
よろしく、T.
次のものを追加して元の GalleryView スクリプトを変更することで、これを解決しました。
paused一時停止/再生のステータスを格納するスクリプト内の変数 (一時停止trueのfalse場合、再生中の場合)、次のコールバック定義を追加しました:
/*
** playPause()
** Resume slideshow if paused, pause if slideshow playing.
*/
function playPause() {
if(!paused) {
// Pause slideshow in 500ms. This allows for brief swipes of the mouse over the gallery without unnecessarily pausing it
$(document).oneTime(0,"animation_pause",function(){
$(document).stopTime("transition");
paused = true;
});
$('.gv-nav-play-pause').removeClass('gv-nav-pause').addClass('gv-nav-play');
} else {
$(document).stopTime("animation_pause");
if(opts.transition_interval > 0) {
$(document).everyTime(opts.transition_interval,"transition",function(){
showNextItem();
});
paused = false;
}
$('.gv-nav-play-pause').removeClass('gv-nav-play').addClass('gv-nav-pause');
}
};
再生/一時停止用のボタンを追加し、スタイルを設定し、それにplayPauseコールバックをアタッチしclick、タッチ イベントをいくつか追加しました (タッチ対応デバイスを許可するため)。
それはグリッチなしで魅力的に機能しましたが、コードは完璧ではないかもしれません - 私は元の GalleryView コードを使用しなければなりませんでしたが、それ自体は完璧ではありませんでした.
現在のバージョンを使用しており、1 つのスライダーで自動再生をオフにする必要がありました。サイクル間に10分の遅延を入れることで解決しました. これにより、スライドの 1 つで 9 分間のビデオを再生する時間ができました。より長い遅延 (30 分) は、効果的に自動再生をオフにします。
今のところ、自動再生をオフにする方法が見つかりません (私もそのオプションが欲しいです)。次のバージョンにはプレーヤー コントロールが含まれることを理解しています。この投稿の時点では、まだ不安定ですが有望です。GalleryView の作成者によるバージョン 3 Beta4 デモ ページへのリンクは次のとおりです。