xiaolin/react-image-gallery
React Image Gallery
这是一个用于 React 的响应式图片库和轮播组件。它提供了一个滑动界面，用于在单一导航序列中显示图片和混合媒体（如嵌入式视频和 iframe）。
该库支持带有手动播放和暂停控制的自动播放，并能适应不同屏幕尺寸的布局。它包括使用原生浏览器实现的全屏显示模式，并允许通过渲染属性 (render props) 自定义幻灯片内容。
导航通过触摸滑动手势、键盘箭头输入和直接缩略图选择来处理。该组件支持水平和垂直布局方向（包括从右到左的语言布局），并支持通过 CSS 自定义属性进行视觉主题修改。
Features
- Image Carousels - Provides a responsive image carousel with touch gesture support and navigation bullets.
- Responsive Sliders - Provides a responsive sliding gallery that automatically adjusts layout and asset scaling based on screen size.
- Carousel Components - Provides a carousel component for cycling through images or custom content with automated playback.
- Configurable Slideshows - Provides a configurable slideshow with autoplay and manual playback controls.
- Gallery Display Modes - Ships a media gallery with multiple display modes and a thumbnail strip for quick navigation.
- Image Carousels - Implements a responsive image carousel with integrated thumbnails and captions.
- Image Galleries - Implements a responsive image gallery with thumbnail navigation and touch-based controls.
- Keyboard Navigation - Implements keyboard-driven interface interaction and shortcuts for seamless navigation between gallery slides.
- Media Galleries - Offers a media gallery supporting a sequence of images, videos, and iframes.
- Responsive Layouts - Features gallery layouts that automatically adapt to different screen sizes and device orientations.
- Index-Driven Navigation Engines - Tracks the active slide index to synchronize the viewport, thumbnails, and navigation indicators.
- Touch Navigation Interfaces - Ships a gesture-based navigation interface with native touch swipe-to-advance functionality for mobile users.
- Gesture Coordinate Mapping - Maps touch swipe gestures and keyboard inputs to trigger slide transitions.
- Slide Rich Media Components - Integrates mixed media including images, embedded videos, and iframes within a single gallery.
- Interval Timers - Implements a timer-based interval to automatically advance slides in the gallery.
- Automated Slideshow Controllers - Features automated slideshow controllers that transition between views at regular intervals with manual toggle controls.
- Render Props - Uses the render prop pattern to allow custom HTML or video components within slides.
- Interface Layout Orientations - Supports both horizontal and vertical layout directions, including right-to-left language support.
- Custom Content Rendering - Enables the injection of arbitrary React components, such as iframes and videos, into gallery slides.
- Thumbnail Navigation Systems - Implements a thumbnail navigation system that allows users to jump directly to specific slides via image previews.
- Timer Control - Provides timer controls to manage the automated playback state and transition intervals of the gallery.
- Native Fullscreen Toggles - Uses the native browser Fullscreen API to expand the gallery to fill the screen.
- Image and Gallery - Responsive image carousel and slider.
