Awesome GitHub RepositoriesCarousel Instance Synchronization

Splide ist eine Framework-agnostische TypeScript-Bibliothek zum Erstellen barrierefreier, Touch-fähiger Content-Karussells und Bildergalerien. Sie bietet eine abhängigkeitsfreie Implementierung von Slidern, die Drag-, Swipe- und Flick-Interaktionen auf Mobil- und Desktop-Browsern unterstützen. Die Bibliothek zeichnet sich durch eine umfassende Barrierefreiheitsebene unter Verwendung von ARIA-Rollen und Screenreader-Unterstützung aus. Sie verfügt über ein responsives Breakpoint-System, das Slider-Dimensionen und -Verhalten an die Bildschirmbreite anpasst, sowie ein Plugin-System zur Erweiterung der Kernfunktionen um benutzerdefinierte Komponenten und Übergangseffekte. Das Projekt deckt eine Vielzahl an Layout- und Interaktionsmöglichkeiten ab, einschließlich Grid-Anordnungen, variabler Slider-Dimensionen und synchronisierter Slider-Workflows. Es enthält Performance-Optimierungen wie Lazy-Loading von Medien und Viewport-Intersection-Monitoring sowie multimodale Navigation via Tastatur, Mausrad oder Thumbnail-Verlinkung. Dedizierte Wrapper-Pakete sind für die Integration in verschiedene Frontend-Framework-Architekturen verfügbar.

FlexSlider ist ein jQuery-Bild-Slider-Plugin, das zum Erstellen responsiver Content-Karussells und Multi-Item-Bild-Slider verwendet wird. Es ermöglicht die Konstruktion sequenzieller Galerien für Bilder und Videoinhalte, die Layout und Sichtbarkeit automatisch an Bildschirmgröße und -ausrichtung anpassen. Das System unterstützt synchronisierte Slider-Layouts, wodurch mehrere Slider-Instanzen verknüpft werden können, sodass sie Animations-, Play- und Pause-Zustände teilen. Es bietet zudem Unterstützung für Right-to-Left-Layouts und anpassbare Animationsrichtungen. Das Plugin deckt interaktive Inhaltsnavigation durch Touch-Swipes, Tastatureingaben und Mausrad-Scrollen ab. Es ermöglicht die Integration von Videoplayern von Drittanbietern sowie die Implementierung benutzerdefinierter Richtungsnavigation und Paginierungs-Steuerelemente.

FlexSlider ist ein responsives jQuery-Karussell-Plugin, das zum Erstellen von gleitenden Galerien und Content-Slidern verwendet wird. Es bietet ein System zur Anzeige von Multi-Slide-Karussells, die ihre Größe automatisch an die Bildschirmauflösung anpassen, und unterstützt Right-to-Left-Sprachrichtungen durch Anpassung von Animationsfluss und Ausrichtung. Das Plugin ermöglicht die Synchronisation mehrerer Slider-Instanzen, wodurch sichergestellt wird, dass Wiedergabe, Animation und Zustandsübergänge gleichzeitig über verschiedene Elemente auf einer Seite hinweg erfolgen. Es unterstützt zudem benutzerdefiniertes Markup-Mapping, wodurch interne Logik mit beliebigen HTML-Selektoren anstatt mit festen Mustern verknüpft werden kann. Die Bibliothek deckt eine Reihe von Layout- und Interaktionsfunktionen ab, einschließlich Multi-Item-Anzeigen, konfigurierbarem Animations-Easing und Integration mit externen Navigationssteuerelementen wie Tastatureingaben und Mausrad-Ereignissen.