Awesome GitHub RepositoriesCarousel Instance Synchronization

Splide es una librería TypeScript agnóstica de frameworks para crear carruseles de contenido y galerías de imágenes accesibles y táctiles. Proporciona una implementación de sliders sin dependencias que admite interacciones de arrastrar, deslizar y flick en navegadores móviles y de escritorio. La librería se distingue por una capa de accesibilidad integral que utiliza roles ARIA y soporte para lectores de pantalla. Cuenta con un sistema de puntos de interrupción (breakpoints) responsive que adapta las dimensiones y el comportamiento del slide según el ancho de la pantalla, junto con un sistema de plugins para extender la funcionalidad principal con componentes personalizados y efectos de transición. El proyecto cubre una amplia gama de capacidades de diseño e interacción, incluyendo disposiciones en cuadrícula, dimensiones de slide variables y flujos de trabajo de slider sincronizados. Incluye optimizaciones de rendimiento como carga diferida de medios y monitorización de intersección con el viewport, así como navegación multimodal mediante teclado, rueda del ratón o miniaturas. Hay paquetes wrapper dedicados disponibles para la integración en diversas arquitecturas de frameworks frontend.

FlexSlider es un plugin de slider de imágenes de jQuery utilizado para crear carruseles de contenido responsivos y sliders de imágenes de múltiples elementos. Permite la construcción de galerías secuenciales para imágenes y contenido de video que ajustan automáticamente el diseño y la visibilidad según el tamaño y la orientación de la pantalla. El sistema admite diseños de slider sincronizados, permitiendo que múltiples instancias de slider se vinculen para que compartan estados de animación, reproducción y pausa. También proporciona soporte para diseños de derecha a izquierda (RTL) y direcciones de animación personalizables. El plugin cubre la navegación de contenido interactivo a través de deslizamientos táctiles, entradas de teclado y desplazamiento con la rueda del ratón. Permite la integración de reproductores de video de terceros y la implementación de navegación direccional personalizada y controles de paginación.

FlexSlider es un plugin de carrusel de jQuery responsivo utilizado para crear galerías deslizantes y sliders de contenido. Proporciona un sistema para mostrar carruseles de múltiples diapositivas que ajustan automáticamente su tamaño según la resolución de la pantalla y admite direcciones de idioma de derecha a izquierda ajustando el flujo y la orientación de la animación. El plugin permite la sincronización de múltiples instancias de slider, asegurando que la reproducción, la animación y las transiciones de estado ocurran simultáneamente en diferentes elementos de una página. También admite el mapeo de marcado personalizado, permitiendo que la lógica interna se vincule a selectores HTML arbitrarios en lugar de patrones fijos. La biblioteca cubre una gama de capacidades de diseño e interacción, incluyendo pantallas de múltiples elementos, suavizado de animación configurable e integración con controles de navegación externos como entradas de teclado y eventos de rueda de ratón.