3 repository-uri
Mechanisms for linking multiple carousel instances so that the state of one mirrors the other.
Distinguishing note: No candidate covers the bidirectional linking of two separate carousel instances.
Explore 3 awesome GitHub repositories matching user interface & experience · Carousel Instance Synchronization. Refine with filters or upvote what's useful.
Splide este o bibliotecă TypeScript agnostică față de framework, pentru crearea de caruseluri de conținut și galerii de imagini accesibile și touch-enabled. Oferă o implementare fără dependențe a sliderelor care suportă interacțiuni de tip drag, swipe și flick pe browsere mobile și desktop. Biblioteca se distinge printr-un strat complet de accesibilitate folosind roluri ARIA și suport pentru cititoare de ecran. Dispune de un sistem de breakpoint-uri responsive care adaptează dimensiunile și comportamentul slide-urilor în funcție de lățimea ecranului, alături de un sistem de plugin-uri pentru extinderea funcționalității de bază cu componente personalizate și efecte de tranziție. Proiectul acoperă o gamă largă de capabilități de layout și interacțiune, inclusiv aranjamente de tip grid, dimensiuni variabile ale slide-urilor și fluxuri de lucru sincronizate pentru slidere. Include optimizări de performanță precum încărcarea leneșă (lazy loading) a conținutului media și monitorizarea intersecției cu viewport-ul, precum și navigare multi-modală prin tastatură, rotița mouse-ului sau link-uri de tip thumbnail. Pachete wrapper dedicate sunt disponibile pentru integrarea în diverse arhitecturi de framework-uri frontend.
Allows multiple carousel instances to be linked so that moving one automatically updates the position of the other.
FlexSlider este un plugin jQuery de slider de imagini utilizat pentru a crea caruseluri de conținut responsive și slidere de imagini cu mai multe elemente. Permite construirea de galerii secvențiale pentru imagini și conținut video care ajustează automat layout-ul și vizibilitatea în funcție de dimensiunea și orientarea ecranului. Sistemul suportă layout-uri de slider sincronizate, permițând instanțelor multiple de slider să fie legate astfel încât să partajeze stările de animație, redare și pauză. De asemenea, oferă suport pentru layout-uri de la dreapta la stânga și direcții de animație personalizabile. Plugin-ul acoperă navigarea interactivă a conținutului prin swipe-uri tactile, input-uri de la tastatură și scroll cu rotița mouse-ului. Permite integrarea playerelor video terțe și implementarea controalelor de navigare direcțională și paginare personalizate.
Links multiple carousel instances so they synchronize their animation, play, and pause states.
FlexSlider este un plugin de carusel jQuery responsive utilizat pentru a crea galerii glisante și slidere de conținut. Oferă un sistem pentru afișarea caruselurilor cu mai multe slide-uri care își ajustează automat dimensiunea în funcție de rezoluția ecranului și suportă direcții de limbă de la dreapta la stânga prin ajustarea fluxului și orientării animației. Plugin-ul permite sincronizarea mai multor instanțe de slider, asigurându-se că redarea, animația și tranzițiile de stare au loc simultan pe diferite elemente ale unei pagini. De asemenea, suportă maparea markup-ului personalizat, permițând logicii interne să fie legată de selectori HTML arbitrari în loc de tipare fixe. Biblioteca acoperă o gamă de capabilități de layout și interacțiune, inclusiv afișări cu mai multe elemente, easing de animație configurabil și integrare cu controale de navigare externe, cum ar fi input-urile de la tastatură și evenimentele rotiței mouse-ului.
Links multiple carousel instances so that animation, playback, and state transitions are synchronized in unison.