Tengo una presentación de diapositivas Me gustaría reproducir automáticamente y hacer un bucle continuo. He encontrado fragmentos que me permiten establecer una duración global de diapositiva y uso impress.next() con una llamada a setInterval() para avanzar, pero luego pierdo la capacidad de tener diferentes duraciones para cada diapositiva.Cómo hacer impresions.js pase de diapositivas reproducción automática y bucle
6
A
Respuesta
26
Estoy feliz de compartir mi solución. Si ve espacio para mejorar, no sea tímido. Espero que esto ayude a alguien por ahí.
<script>
var impress = impress();
impress.init();
document.addEventListener('impress:stepenter', function(e){
if (typeof timing !== 'undefined') clearInterval(timing);
var duration = (e.target.getAttribute('data-transition-duration') ? e.target.getAttribute('data-transition-duration') : 2000); // use the set duration or fallback to 2000ms
timing = setInterval(impress.next, duration);
});
</script>
Cuestiones relacionadas
- 1. Hacer una presentación de diapositivas en bucle sin JavaScript jQuery
- 2. Reproducción automática y detener el audio html5 con jquery
- 3. ¿Cómo puedo hacer un círculo en la reproducción automática de jPlayer?
- 4. Reproducción automática de videos vimeo en Android webview
- 5. Hacer clic muy rápido con la galería de diapositivas (jquery)
- 6. Sin usar jquery, cómo recorrer las imágenes para hacer una presentación de diapositivas simple
- 7. ¿Cómo hacer un bucle ViewPager?
- 8. Cómo extraer diapositivas de un video usando python
- 9. ¿Puede Autofac hacer autoaglomeración automática?
- 10. Diapositivas de ramificación en PowerPoint (VBA)
- 11. Objetivo C - Pase por valor y pase por referencia
- 12. ¿Cómo hacer una instalación de actualización automática usando InstallShield?
- 13. Cómo puedo hacer una actualización automática de archivos (C++ nativo)
- 14. ¿Cómo hacer una confirmación automática después de la fusión exitosa?
- 15. VB6 pase por valor y pase por referencia
- 16. Cómo hacer un bucle de una imagen de fondo CSS con Jquery cada pocos segundos?
- 17. Presentación de diapositivas de imágenes en android
- 18. Capture la entrada del usuario de forma asincrónica y pase a un bucle de evento en python
- 19. jquery simple tutorial de diapositivas de imágenes
- 20. Android: Reproducción y grabación de video simultáneas
- 21. Android y reproducción de animación SVG
- 22. Grabación y reproducción de audio en Silverlight
- 23. Cómo hacer un bucle en una aplicación de consola
- 24. Foreach bucle y tareas
- 25. PHP Cómo llamar a parent :: __ call() y pase los argumentos
- 26. ¿Cómo puedo hacer un bucle foreach usando diccionarios php?
- 27. Problema de pausa y reproducción de la animación de Android
- 28. Cómo hacer expansión automática o autocompletar funciones y variables en un Clojure repl
- 29. Música de fondo de bucle?
- 30. Android: Reproducción sin vacilaciones de un archivo de audio en bucle en MediaPlayer
muy útil ahorró mucho tiempo. +1 para esto :) –
¡Gracias! Esto me ayudó a ir en la dirección correcta. Sin embargo, me encontré con algunos problemas. Al usar la transición de datos personalizada de duración en varios pasos, fue difícil hacer que la presentación disminuyera después de usar una duración corta. Para mí, reemplazar setInterval (impress.next, duration) con setTimeout (impress.next, duration) haría que la presentación de diapositivas se comportara de la manera que yo quería. – SiPe