Biblioteca JS para implementar rápidamente una presentación de diapositivas

Estoy buscando una biblioteca de Javascript que me permita crear muy fácilmente presentaciones de diapositivas de imágenes en un sitio web.

Lo que quiero decir como biblioteca "rápida" o "fácil" de usar, es que quiero pasar a la lib una matriz de la URL de la imagen, y cuando enciendo la lib (manual o automáticamente, no importa), una buena presentación de diapositivas debe estar visible en mi sitio web.

Entonces puede haber algunas opciones de configuración disponibles, pero necesito que la primera presentación de diapositivas sea rápida, sin tener que editar mi DOM o hacer muchas configuraciones.

Respuestas (3)

¿Estás buscando algo como en la parte superior de la tienda iTunes o Amazon? ¿Las grandes imágenes destacadas que se desplazan hacia la izquierda? Si es así, recomendaría swipe.js , aunque la demostración en su sitio principal no funciona actualmente (busque otra en Google). Es una biblioteca muy pequeña y limpia con una opción para avanzar automáticamente el deslizador, convirtiéndolo así en una presentación de diapositivas. Técnicamente, no obtiene imágenes de una matriz, pero el marcado requerido es mínimo.

Otra opción como swipe.js es Swiper , que es mucho más grande y tiene muchas funciones, incluido el avance automático para convertirlo en una presentación de diapositivas.

Si eso no es lo que está buscando, ResponsiveSlides.js (lo siento, tendrá que buscarlo; no puedo incluir más enlaces con mi baja reputación) parece una buena opción. Similar a las dos opciones anteriores, pero sin deslizar. Depende de jQuery.

Si está buscando hacer una presentación de diapositivas de estilo Powerpoint más típica que el usuario navegue, recomendaría deck.js.

Creo que sería útil Impress.js . Tiene todo lo que necesitas

1 - Biblioteca JS para crear fácilmente presentaciones a partir del código
2 - Opciones de configuración disponibles para transiciones (incluidos los efectos CSS3)

Hay docenas que hacen esto con opciones algo diferentes.

Y, por supuesto, jQuery tiene una larga lista aquí .

Casi todos tienen sintaxis compatible, por lo que puede probar algunos. He usado slick y funciona muy bien.