Domanda

Sto usando il plugin jQuery chiamato GalleryView, nella sua versione Beta3 (http://spaceforaname.com/galleryview).La versione Beta4 prevede controlli integrati per l'animazione di riproduzione / pausa.La mia domanda è:

Come emulare i controlli di "riproduzione" e "pausa" dall'esterno dello script senza la necessità di modificare il codice di GalleryView.Esiste un plugin per questo?O forse un'azione non documentata?

Durante l'inizializzazione è possibile decidere se attivare o disattivare la funzione di riproduzione automatica.

Se non sono disponibili azioni / plug-in, come hai risolto il problema?Puoi condividere la modifica di GalleryView che hai applicato?

Saluti, T.

È stato utile?

Soluzione

Ho risolto questo problema modificando lo script originale di GalleryView aggiungendo le seguenti cose:

  • variabile paused all'interno dello script, che memorizza lo stato di pausa / riproduzione (true se in pausa, false se in riproduzione),
  • ha aggiunto la seguente definizione di callback:

    /*
    **  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');
        }
    };
    
  • ha aggiunto un pulsante per la riproduzione / pausa, lo stile e la richiamata playPause allegata su click e alcuni eventi di tocco (per consentire i dispositivi abilitati al tocco).

Ha funzionato a meraviglia, senza problemi, ma il codice potrebbe non essere perfetto: ho dovuto utilizzare il codice GalleryView originale, che di per sé non è perfetto.

Altri suggerimenti

Al momento non ho trovato alcun modo per disattivare la riproduzione automatica (vorrei anche questa opzione).A quanto mi risulta, la prossima versione avrà i controlli del giocatore.A partire da questo post è ancora instabile ma promettente.Ecco un collegamento alla pagina demo della versione 3 Beta4 dell'autore di GalleryView:

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

Sto usando la versione corrente e avevo bisogno che la riproduzione automatica fosse disattivata su un dispositivo di scorrimento.L'ho risolto inserendo un ritardo di 10 minuti tra i cicli.Questo ha dato il tempo di riproduzione del video di 9 minuti in una delle diapositive.Un ritardo più lungo (30 minuti) disattiverebbe effettivamente la riproduzione automatica.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top