jQuery GalleryViewBeta3の再生/一時停止コントロールが必要

StackOverflow https://stackoverflow.com/questions/5881917

質問

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コードを使用する必要がありましたが、それ自体は完全ではありません。

他のヒント

現在のところ、自動再生をオフにする方法は見つかりませんでした（そのオプションも必要です）。次のバージョンにはプレイヤーコントロールがあると私は理解しています。この投稿の時点では、まだ不安定ですが有望です。GalleryViewの作者によるバージョン3のBeta4デモページへのリンクは次のとおりです。

http://spaceforaname.com/galleryview-3.0/testpage.html

現在のバージョンを使用しており、1つのスライダーで自動再生をオフにする必要がありました。サイクル間に10分の遅延を入れることでそれを解決しました。これにより、スライドの1つで9分間のビデオを再生する時間ができました。遅延を長くすると（30分）、自動再生が効果的にオフになります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top