jQuery GalleryView Beta3 controlli di riproduzione / pausa necessari
-
28-10-2019 - |
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.
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 suclick
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:
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.