3 个仓库
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 是一个与框架无关的 TypeScript 库,用于创建可访问的、支持触摸的内容轮播图和图片库。它提供了一个无依赖的滑块实现,支持在移动和桌面浏览器上进行拖动、滑动和轻弹交互。 该库通过使用 ARIA 角色和屏幕阅读器支持的全面可访问性层脱颖而出。它具有一个响应式断点系统,可根据屏幕宽度调整幻灯片尺寸和行为,并配有一个用于通过自定义组件和过渡效果扩展核心功能的插件系统。 该项目涵盖了广泛的布局和交互功能,包括网格排列、可变幻灯片尺寸和同步滑块工作流。它包括懒加载媒体和视口交叉监控等性能优化,以及通过键盘、鼠标滚轮或缩略图链接进行的多模态导航。 提供专用的包装包,用于集成到各种前端框架架构中。
Allows multiple carousel instances to be linked so that moving one automatically updates the position of the other.
FlexSlider 是一个 jQuery 图像滑块插件,用于创建响应式内容轮播和多项图像滑块。它支持构建图像和视频内容的顺序画廊,这些画廊会根据屏幕尺寸和方向自动调整布局和可见性。 该系统支持同步滑块布局,允许链接多个滑块实例,以便它们共享动画、播放和暂停状态。它还提供对从右到左布局和可自定义动画方向的支持。 该插件涵盖通过触摸滑动、键盘输入和鼠标滚轮滚动进行的交互式内容导航。它允许集成第三方视频播放器,并实现自定义方向导航和分页控件。
Links multiple carousel instances so they synchronize their animation, play, and pause states.
FlexSlider 是一个响应式 jQuery 轮播插件,用于创建滑动画廊和内容滑块。它提供了一个系统,用于显示多幻灯片轮播,这些轮播会根据屏幕分辨率自动调整大小,并通过调整动画流和方向来支持从右到左的语言方向。 该插件允许同步多个滑块实例,确保播放、动画和状态转换在页面上的不同元素之间同时发生。它还支持自定义标记映射,允许内部逻辑链接到任意 HTML 选择器而不是固定模式。 该库涵盖了一系列布局和交互功能,包括多项显示、可配置的动画缓动,以及与键盘输入和鼠标滚轮事件等外部导航控件的集成。
Links multiple carousel instances so that animation, playback, and state transitions are synchronized in unison.