jQuery Galleryview Beta3 Play / Pause Contrôles nécessaires
-
28-10-2019 - |
Question
J'utilise le plugin jQuery appelé GalleryView, dans sa version Beta3 (http://spaceforaname.com/galleryview). La version Beta4 devrait avoir des commandes intégrées pour l'animation Play / Pause. Ma question est:
Comment imiter les contrôles «Play» et «Pause» de l'extérieur du script sans avoir besoin de modifier le code GalleryView. Y a-t-il un plugin pour cela? Ou peut-être une action sans papiers?
Pendant l'initialisation, il est possible de décider si vous souhaitez ou désactiver la fonction de lecture automatique.
S'il n'y a pas d'action / plugin disponible, comment avez-vous résolu cela? Pouvez-vous partager la modification de GalleryView que vous avez appliquée?
Cordialement, T.
La solution
J'ai résolu ceci en modifiant le script original de GalleryView en ajoutant les choses suivantes:
paused
variable dans le script, stockant l'état de la pause / play (true
S'il était en pause,false
Si jouer),Ajout de la définition de rappel suivante:
/* ** 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'); } };
Ajout d'un bouton pour le jeu / pause, l'a stylé et attaché
playPause
rappel surclick
et quelques événements tactiles (pour autoriser les appareils à toucher).
Cela a fonctionné comme un charme, sans pépins, mais le code n'est peut-être pas parfait - j'ai dû utiliser le code de galerie original, qui n'est pas parfait.
Autres conseils
À partir de maintenant, je n'ai pas trouvé de moyen de désactiver AutoPlay (j'aimerais également cette option). Je crois comprendre que la prochaine version aura des contrôles des joueurs. À partir de cet article, il est toujours instable mais prometteur. Voici un lien vers la page de démonstration de la version 3 Beta4 par l'auteur de GalleryView:
J'utilise la version actuelle et j'avais besoin de la lecture automatique désactivée sur un curseur. Je l'ai résolu en faisant un délai de 10 minutes entre les cycles. Cela a donné la vidéo de 9 minutes dans l'une des diapositives pour jouer. Un délai plus long (30 minutes) désactiverait efficacement la lecture automatique.